无法获得基本的toggleClass工作

Question

我已经尝试了一段时间了，我只是不知道为什么这个简单的toggleClass不起作用。当我在我的开发工具中进行元素检查时，我看到我的元素闪烁，好像它正在尝试做某事。没有一个控制台错误。它会让我addClass没问题，但当我切换到toggleClass它不起作用。

我的代码是：

<div class="header-top-wrap">
    <a class="nav-opener"></a>
</div>

$(".nav-opener").on("click",function() {
    $(".header-top-wrap").toggleClass("nav-active");
});

Answer 1

如果没有所有代码，这很难调试。这是一个使用您的确切JS并且正常工作的示例jsFiddle：文本颜色更改onclick：https://jsfiddle.net/qk5ue9yv/

$(".nav-opener").on("click",function() {
    $(".header-top-wrap").toggleClass("nav-active");
});

.nav-active{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="nav-opener">
  <div class="header-top-wrap">
    hello world
  </div>
</div>

Answer 2

$(".nav-opener").click(function(){

     $(".header-top-wrap").toggleClass("nav-active");
});