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

Question

我想知道解决此问题的最佳方法，我想在单击 div 时通过 [=27] 在元素上切换 css class =]，我知道怎么做没有问题，但我也希望切换 class 仅在特定屏幕尺寸下生效，在本例中为 800px。我不太熟悉 JS，所以如果有一个非常简单的解决方案但我找不到一个谷歌搜索，我也不会感到惊讶。一如既往地感谢任何帮助:)

干杯！

jQuery:

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

Css:

.fixed{ position:fixed;}

Answer 1

这是使用 jquery
获得 window 宽度所需的内容所以你得到 window 宽度使用 $(window).width() function

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

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

Jquery: Toggle class on click, but also depending on screensize

jquery

css

screen