2012-02-03 45 views
2

我需要一个脚本,用于在用户调整窗口大小时刷新浏览器。当尺寸为x或y时,JavaScript调整浏览器窗口大小

脚本应该检查窗口的大小是否超过了特定的尺寸(在我的情况下是600px和800px),并且仅在这种情况下进行刷新。

此脚本也可以使用jQuery。

你能提出任何想法或教程吗?谢谢!

+0

你可以看看jQuery的文档http://api.jquery.com/resize/ – 2012-02-03 10:42:24

+0

纯粹是出于兴趣,在这是需要什么样的情况? – 2012-02-03 10:53:17

+0

我使用CSS媒体查询来根据窗口大小更改页面的布局。在我使用ORBIT(一个jQuery插件)的页面中,当用户更改页面的尺寸以便刷新页面似乎是一个合理的解决方案时有一些问题,谢谢 – GibboK 2012-02-03 11:06:50

回答

3

使用jQuery:

$(document).ready(function(){                                                             
    var t; 
    $(window).resize(function(){ 
    clearTimeout(t); 
    if ($(window).width() > 800 && $(window).height() > 600) { 
     t = setTimeout(function(){ 
     window.location.reload(); 
     }, 200);                                                                 
    } 
    }); 
}); 
+0

感谢Mytho,正在工作!请问您如何修改您的脚本,以便在用户在调整窗口大小后释放鼠标按钮时重新加载?任何想法?谢谢 – GibboK 2012-02-03 10:48:58

+1

修改代码以包含超时功能。这应该做到这一点。 – 2012-02-03 10:57:50

+0

完美!再次感谢您的帮助! – GibboK 2012-02-03 11:04:51

相关问题