如何使用 jquery 停用 class

Question

我目前正在为我的网站制作一个新的 header，其中包含 2 个单独的下拉菜单 <nav> 元素，其中一个是汉堡菜单，点击时会变成 X，方法是切换class。

通过 jquery 我做到了，当一个下拉菜单被激活时，另一个被隐藏（如果它事先是活动的）。

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

（尝试点击 3 个栏一次，然后点击灰色按钮两次以查看它）

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

-编辑：切换的 .class 可以在 css.

的第 110 行找到

当点击#prod-toggle 时，它应该被停用，我已经尝试使用 removeClass()，但我无法正确定位。谁能告诉我这是怎么做到的？

Answer 1

使用这个：

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

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

你也可以使用（但不一定推荐，正确的方法是上面那个）：

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

如果您不想使用 jquery，您可以使用 java 脚本：

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

How to deactivate a class using jquery