Jquery：在点击时切换类，但也取决于屏幕大小

Question

我想知道解决这个问题的最佳方法，我想在单击div时通过jquery在一个元素上切换一个css类，我知道该怎么做没有问题，但我也想要将类切换为仅在特定屏幕尺寸下生效，在本例中为800px。我对JS不太熟悉，所以如果有一个非常简单的解决方案，我不会感到惊讶，但我找不到一个谷歌搜索。任何帮助都一如既往地受到赞赏：）

干杯！

jQuery的：

jQuery('.div').click(function() {
  $('.nav').toggleClass('fixed');
});

的CSS：

.fixed{ position:fixed;}

Answer 1

以下是使用jquery获取窗口宽度所需的内容 所以你使用 $（window）.width（）函数

获得窗口宽度

jQuery('.div').click(function() {
  if(jQuery(window).width() < 800 ) {
    $('.nav').toggleClass('fixed');
  }
});