jquery - jquery 实时变量（用于响应式）

Question

此代码在文档准备好时为我提供文档宽度。

jQuery().ready(function(e) {
   var sayfaboyut = jQuery(document).width();
   document.write(sayfaboyut);
});

但我想要实时变量。当我更改文档宽度时，我想实时获得该宽度。

我怎样才能做到这一点 ？

Answer 1

您可以收听resize事件：

$(window).resize(function(){
     console.log($(window).width())
}).resize();

Answer 2

jQuery为此提供了一个内置方法：

$(window).resize(function () { 
    var sayfaboyut = jQuery(document).width();
   document.write(sayfaboyut);
});

每当窗口改变大小时，都会调用 resize 函数。请注意，这将调整高度和宽度。

我发现的另一个答案建议您不要对每次调整大小的调用做出反应，因为它可能会使浏览器无响应。相反，他们建议重新排队计时器，如下所示：

function doSomething() {
    alert("I'm done resizing for the moment");
};

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});