【问题标题】:How to deactivate a class using jquery [closed]如何使用 jquery 停用类 [关闭]
【发布时间】:2017-09-12 13:38:32
【问题描述】:

我目前正在为我的网站创建一个新标题,其中包含 2 个单独的下拉 <nav> 元素,其中一个是一个汉堡菜单,点击时会通过切换类变成 X。

通过 jquery,我做到了,当一个下拉菜单被激活时,另一个被隐藏(如果它事先处于活动状态)。

问题是我似乎无法弄清楚如何禁用使汉堡菜单变成 X 的类。看看这个JSFiddle 看看它。

(尝试单击 3 个条形图一次,然后单击灰色按钮两次以查看)

在第 27 行可以看到切换类的 Jquery。

-编辑:切换的 .class 可以在 css 的第 110 行找到。

单击#prod-toggle 时,它​​应该被停用,我曾尝试使用 removeClass(),但我无法正确定位。谁能告诉我这是怎么做到的?

【问题讨论】:

  • el.removeClass()el.addClass()?使用 CSS 根据类定位。更好的是,el.toggleClass()

标签: jquery html nav hamburger-menu


【解决方案1】:

使用这个:

  $("#element id").removeClass();

不带参数调用 removeClass 将删除所有项目的类。

也可以使用(但不一定推荐,正确的方法就是上面那个):

      $("#element id").removeAttr('class');
      $("#element id").attr('class', '');
      $('#element id')[0].className = '';

如果你不想使用 jquery,你可以使用 java 脚本:

    document.getElementById('item').className = '';

【讨论】:

  • 谢谢!这解决了我的问题
  • 不客气。如果你愿意,也可以投票给我的答案?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-07-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-18
  • 2011-03-02
相关资源
最近更新 更多