在调整大小时保持 Jquery 给定宽度

Question

使用 JQUERY 我取 table 的 width，将其除以 3 并将新宽度分配给某些 divs。这很好用。但是，当我调整 window 的大小时（通过拖动它）宽度不会继续工作（div 是静态的，但 myTable 的宽度会改变）。我怎样才能让新的宽度不断更新。谢谢。

<script>
$(document).ready(function() { 

var abc = $('#myTable').width();
var abc = abc/3;
var abc = abc + "px";

$('.facts').css("width",abc);
});
</script>

HTML

<table id='myTable'></table>
<div class='facts'></div>

Answer 1

您可以使用 $(window).resize():

<script>
$(document).ready(function() { 

  function resizeDiv() {
    var abc = $('#myTable').width();
    var abc = abc/3;
    var abc = abc + "px";
    $('.facts').css("width",abc);
  }
  resizeDiv();

  $(window).resize(resizeDiv);

});
</script>

查看演示：https://jsfiddle.net/acdcjunior/aq4nmmwf/

在调整大小时保持 Jquery 给定宽度

Maintain Jquery Given Width on Resize

html

jquery

width