jQuery仅在特定浏览器宽度之间重新加载浏览器窗口

时间:2012-06-17 21:28:08

标签: jquery resize window refresh reload

我成功使用了这段代码:

$(window).bind('resize',function() {
    window.location.href = window.location.href;
});

但我的问题是,我只想在320px和480px之间进行缩放时重新加载/刷新窗口。例如,如果我在480px和960px之间调整大小,我不需要重新加载窗口,所以我需要找到一种方法将其限制为< = 480px我猜。

非常感谢任何帮助。

谢谢,

以下编辑

回应Kolink:

好的,所以我有点使用它:

$(window).bind('resize',function() {

    var winWidth = $(window).width();

    if (winWidth < 480) {

        window.location.href = window.location.href;

    } 
    else {
        // nothing
    }

});

问题是现在,它正在iphone上不断重装。如果我在iphone上从纵向转到横向,它只是一遍又一遍地重新加载。有什么建议吗?

1 个答案:

答案 0 :(得分:2)

只需使用简单的if语句,检查窗口大小,只在必要时重新加载。