连续性检验

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