javascript - 连续性测试 if 语句

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');
}