当窗口大小小于x时，使脚本停止

Question

我希望在窗口大小小于500px时停止jquery脚本 你能救我吗？

当窗口大小小于500px时，我试图将var从0写入1 然后使用if（）函数添加它。它不起作用。

我想停止运行的脚本：     [的jsfiddle] [1]

谢谢你的帮助！

是啊是的stackoverflow我想在这里发短信10000字来形容我的问题 - 很抱歉我可以形容

[1]: http://jsfiddle.net/fg5dcuzm/1/

Answer 1

您可以使用resize()功能：

$(window).resize(function() {
    var w = $(window).width();
    if (w < 500) {
       // stop script
    }
});

或者，只有当窗口为500px：

的出价者时，您才可以运行脚本

$(window).resize(function() {
    var w = $(window).width();
    if (w > 500) {
       yourFunction();
    }
});

Answer 2

$(window).resize(function() {
    if($('body').width()<500){
     alert('dont do it'); 
    }else{
      alert('do it');
    }
});

也许这有帮助。

Answer 3

抱歉，我还没有仔细检查过你的代码，知道为什么Javascript无法运行，但我有时会用Css破解这些东西。

使用＆＃34;！important＆＃34;当窗口宽度小于500px时，将使javascript样式不起作用：

@media (max-width: 500px) {
    .two, .one {
        left: 0 !important;
    }
}