如果窗口宽度大于800px删除此div，但没有刷新网站

Question

我有这个问题我在jquery中当窗口宽度大于800px时删除这个div：

if ($(window).width() > 800) {
  $('.menu').remove();
}

但它不会立即发生，当窗口宽度大于800px时，您必须刷新网站。顺便说一句。我有一些附加到.menu的CSS。我听说过关于事件preventDefault()的一些事情，但它适用于链接或类似的东西。你能帮帮我吗？

Answer 1

考虑使用CSS媒体查询代替jQuery：

@media (min-width: 800px) {
    .menu { display: none; }
}

如果您想使用jQuery（或JavaScript），则需要将该代码放在resize事件处理程序中：

$( window ).resize(function() {
  if ($(window).width() > 800) {
    $('.menu').remove();
  }
});

resize事件在某些浏览器（尤其是移动浏览器）上无法顺利运行。