Остановить скрипт работать, если размер экрана меньше, чем

Question

У меня есть этот небольшой фрагмент JQuery:

if (jQuery(window).innerWidth() > 568) { 
    jQuery('#boardOfTrustees').masonry({ 
     itemSelector: '.postWrapper', 
    }); 
} 

Это прекрасно работает, но я хочу, чтобы остановить это работать, или деинициализацию его на изменение размера, если экран меньше определенного размера. Я попытался это:

jQuery(window).smartresize(function() { 
    if (jQuery(window).innerWidth() > 568) { 
     jQuery('#boardOfTrustees').masonry({ 
      itemSelector: '.postWrapper', 
     }); 
    } 
}); 

.smartresize является дребезг сценарием, он работает хорошо, но для этого конкретного сценария, его не делать ничего и сценарий кладки еще инициализирован. Как я могу заставить первый набор jQuery перестать применять себя к элементам, если экран меньше 568 пикселей, но затем снова начнет работать, если размер больше 568?

Answer 1

Это будет работать при нагрузке. Не на изменение размера:

if (jQuery(window).innerWidth() < 568) { 
    jQuery('#boardOfTrustees').masonry({ 
     itemSelector: '.postWrapper', 
    }); 
} 

Чтобы заставить его работать на изменение размера, то вам нужно будет использовать метод destroy также подробные at the documentation.

$(window).resize(function() { 
    if (jQuery(window).innerWidth() < 568) { 
     jQuery('#boardOfTrustees').masonry('destroy'); 
    } else { 
     jQuery('#boardOfTrustees').masonry({ 
      itemSelector: '.postWrapper', 
     }); 
    } 
}); 

Answer 2

уничтожить его

else { 
    jQuery('#boardOfTrustees').masonry('destroy') 
}