當窗口大小小於x時停止腳本

Question

當窗口大小小於500px時，我想停止jQuery腳本 你能幫助我嗎？

我試圖在窗口大小小於500px 時寫入從0到1的var，然後用if（）函數添加它。它不起作用。

，我要停止運行腳本： [的jsfiddle] [1]

THX對您有所幫助！

EHM是的計算器我想在這裏文本10000個詞語來形容我的問題 - 很抱歉我可以形容

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

Answer 1

可以使用resize()功能：

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

或者只在窗口是競價是500像素，您可以運行腳本：

$(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來破解這些東西。

使用將使當窗口寬度小於500像素的JavaScript款式不行「重要！」：

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