连续性测试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');
}