Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery实时变量(用于响应)_Jquery - Fatal编程技术网

jquery实时变量(用于响应)

jquery实时变量(用于响应),jquery,Jquery,此代码在文档准备就绪时为我提供文档宽度 jQuery().ready(function(e) { var sayfaboyut = jQuery(document).width(); document.write(sayfaboyut); }); 但我想要实时变量。当我更改文档宽度时,我希望实时获得该宽度 我如何才能做到这一点?jQuery有一个内置的方法: $(window).resize(function () { var sayfaboyut = jQuery(do

此代码在文档准备就绪时为我提供文档宽度

jQuery().ready(function(e) {
   var sayfaboyut = jQuery(document).width();
   document.write(sayfaboyut);
});
但我想要实时变量。当我更改文档宽度时,我希望实时获得该宽度


我如何才能做到这一点?

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);
});

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);
});
您可以收听调整大小事件:

您可以收听调整大小事件:


变量始终是实时的。您正在寻找的是一种连续查询变量的方法:。。。或侦听窗口大小调整事件变量始终是实时的。您正在寻找的是一种连续查询变量的方法:。。。或者侦听窗口调整大小事件仅当我调整窗口大小时它才起作用,但我必须将加载的窗口大小设置为。@sinanisler刚刚触发调整大小事件,我已更新了代码。查看小于990px的打开窗口并刷新其未给出变量如何解决该问题?@sinanisler您的代码中没有使用console.log,如果你想创建一个响应页面,为什么不使用CSS3媒体查询?@sinanisler IE8及以下版本不支持它,如果你想让它在旧浏览器中工作,你可以使用这个插件,它只能在我调整窗口大小时工作,但我必须将窗口大小加载到。@sinanisler只触发调整大小事件,我已经更新了代码。查看小于990px的打开窗口并刷新它的not giving变量我们如何修复它?@sinanisler您还没有在代码中使用console.log,如果您想创建响应页面,为什么不使用CSS3媒体查询?@sinanisler IE8及以下版本不支持它,如果你想让它在旧浏览器中工作,你可以使用这个插件,它只在我调整窗口大小时工作,但我必须将加载的窗口大小设置为。你可以按照你在帖子中显示的正常方式获取加载的窗口大小。它只在我调整窗口大小时工作,但必须将加载的窗口大小设置为。你可以在你在帖子中表现的正常方式。