정지 스크립트 화면 크기보다 작은

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은 잘 작동하는 디 바운스 스크립트이지만,이 특정 시나리오에 대한 자사하지하고 아무것도하고 벽돌 스크립트가 여전히 초기화됩니다. 스크린이 568 픽셀보다 작은 경우 jQuery의 첫 번째 세트를 요소에 적용하지 못하게하고 크기가 568보다 큰 경우 다시 작업을 시작하려면 어떻게해야합니까?

Answer 1

로드시 작동합니다. 아니 크기 조정에 : 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') 
}