Сделать остановку скрипта, когда размер окна меньше, чем x

Question

Я хочу остановить скрипт jquery, когда размер окна меньше 500 пикселей вы можете мне помочь.

Я попытался написать var от 0 до 1, когда размер окна меньше 500px , а затем добавьте это с помощью функции 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.

Использование сделает JavaScript стили не работают, когда ширина окна меньше, чем 500px «важно!»:

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