連續性測試，如果statment

Question

我有一個if語句看起來是這樣的：

if ($(window).width() < 799) { 
    $('.element').css({'display': 'none'}); 
} else { 
    $('.element').css({'display': 'block'}); 
} 

我想連續性測試語句，這樣，當窗口大小，它會回到正常的（或其他方式）。我試過setInterval，但似乎沒有工作，也沒有看起來像是正確的事情。我知道我可以使用CSS的媒體查詢的一些，但一些代碼不顯示不能在CSS中完成。

Answer 1

$(window).on('resize', function() { 
    $('.element').toggle($(this).width() < 799); 
}).trigger('resize'); // <- fires this on pageload as well 

Answer 2

可以使用window.onresize事件https://developer.mozilla.org/en-US/docs/Web/API/window.onresize

window.onresize = function(){ 
    $('.element').css('display', $(window).width() < 799 ? 'none' :'block'); 
}