Question

使用JQUERY我取一个表的width，将其除以3并将新宽度分配给某个divs。这非常有效。但是，当我调整窗口大小（通过拖动）时，宽度不会继续工作（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给定宽度

1 个答案: