基本的な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/私は私の要素flicker`は通常、あなたが添付されている兆候であることがわかり

$(".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"); 
});