jquery - 在窗口调整大小时获取 div 的实时宽度？

Question

假设我有一个部分，它的宽度是 1181(在控制台中输出)，我正在使用以下代码找出它的宽度:

jQuery(document).ready(function()
{
    var body_size = jQuery('section').width();
    console.log(body_size);
});

如果我调整浏览器的大小，我必须重新加载页面才能找到这个 div 的新大小。

有没有办法在我调整浏览器大小时找出大小？

Answer 1

您可以处理“resize”事件。请注意，该事件非常 被触发，因此最好不要在处理程序中或尽可能少地进行任何 DOM 操作。处理该问题的一种方法是使用计时器:

var resizeTimer;
$(window).resize(function() {
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    var body_size = $('section').width();
    // ...
    // do your work here
    // ...
  }, 200);
});

这会设置一个计时器，这样您在用户停止调整大小(或暂停一下)后至少 200 毫秒后才会实际执行任何操作。