如何在媒体查询 CSS 中禁用 jQuery 属性

Posted 2023-05-09

【中文标题】如何在媒体查询 CSS 中禁用 jQuery 属性

【英文标题】：How to disable jQuery properties in media query css

【发布时间】：2017-09-16 12:02:38

【问题描述】：

如何在媒体查询 css 中删除或禁用 jQuery 属性（Class 和 Id）？如果它达到 991px 大小，我想删除或禁用这些属性。

这是我的代码。

$(窗口).scroll(函数() if ($(this).scrollTop() > 1) $('#stickyHeader').addClass("sticky01"); $('.site-title').attr("id", "stSize"); $('#site-navigation').addClass("stNavSize"); 别的 $('#stickyHeader').removeClass("sticky01"); $('.site-title').removeAttr("id", "stSize"); $('#site-navigation').removeClass("stNavSize"); $('.site-title').addClass("stSize2"); $('#site-navigation').addClass("stNavSize2"); );

感谢您的帮助:)

【问题讨论】：

“如果属性达到 991px 大小，我想删除或禁用” 什么是“它”？你的意思是window.innerWidth？

什么是“jQuery 属性”？

不。我想要实现的是，当浏览器宽度为 991px 时，我的所有 jQuery 属性都将被禁用

【参考方案1】：

你可以创建一个 991px 的新类或 id 并将其设置为 display=none，

@media 你可以为大于 991px 的屏幕添加类

希望对您有所帮助，否则请在评论中写下我，我很乐意为您提供帮助

【参考方案2】：

CSS 媒体查询以在某些视口断点处更改元素

/* CSS for > 991px */

.element 
  color: red;


/* CSS for < 991px */

@media (max-width: 991px) 
  .element 
    color: blue;
  

jQuery 在load 和resize 上添加/删除类、ID 等

$(window).on('load resize',function() 
 if ($(this).width() > 991) 
     $('#stickyHeader').addClass("sticky01");
  else 
      $('#stickyHeader').removeClass("sticky01");
 
);

【讨论】：

你好，我想把991px的这些全部去掉：sticky01, stSize, stNavSize, stSize2, stNavSize2

“删除所有这些”是什么意思？请更具体。

奥普斯。我道歉。我想要实现的是，当它达到 991px 时，我在 jquery 中创建的所有类和 id 将被禁用以阻止事件继续

@MelvinR​​ey 然后要么使用我给出的媒体查询示例，用你想做的任何事情覆盖样式，要么使用 jQuery 删除你应用的类/ID。

991px 不是数字。