.menu-item-2891をクリックしてドロップダウンメニューを追加しようとしています。クラスを追加すると.activeがメニューを表示します。今すぐクリックすると何もせず、コンソールにエラーも表示されません。JavaScriptトグルが動作しないコンソールでエラーが発生しない
クラス「アクティブ」のdoesntを追加$(".menu-item-2891").children('.nav-top-link').click(function() {
$(".menu-item-2891").toggleClass("active");
});
.active {
background: Red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="menu-item-2891" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2891 has-child" aria-expanded="false"><a class="nav-top-link">MEN</a>
<button class="toggle"><i class="icon-angle-down"></i></button>
<ul class="children">
<li id="menu-item-9027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9027"><a href="#">SHOP BY CATEGORY</a>
<ul class="nav-sidebar-ul">
<li id="menu-item-10798" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10798"><a href="https://squatwolf.staging.wpengine.com/product-category/men/">VIEW ALL PRODUCTS</a></li>
<li id="menu-item-9019" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9019"><a href="https://squatwolf.staging.wpengine.com/product-category/gym-tshirt/">T-SHIRTS</a></li>
<li id="menu-item-9020" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9020"><a href="https://squatwolf.staging.wpengine.com/product-category/gym-stringers-tanks/">STRINGERS & TANKS</a></li>
<li id="menu-item-9025" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9025"><a href="https://squatwolf.staging.wpengine.com/product-category/gym-hoodies/">HOODIES</a></li>
<li id="menu-item-9023" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9023"><a href="https://squatwolf.staging.wpengine.com/product-category/jogger-pants/">JOGGER PANTS</a></li>
<li id="menu-item-9024" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9024"><a href="https://squatwolf.staging.wpengine.com/product-category/gym-shorts/">SHORTS</a></li>
<li id="menu-item-9973" class="label-new menu-item menu-item-type-custom menu-item-object-custom menu-item-9973"><a href="https://squatwolf.staging.wpengine.com/product-category/men-gym-leggings/">MEN’S LEGGINGS/TIGHTS</a></li>
</ul>
</li>
<li id="menu-item-9028" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9028"><a href="#">SHOP BY SERIES</a>
<ul class="nav-sidebar-ul">
<li id="menu-item-9021" class="label-new menu-item menu-item-type-custom menu-item-object-custom menu-item-9021"><a href="https://squatwolf.staging.wpengine.com/product-category/men-new-arrivals/">NEW ARRIVALS</a></li>
<li id="menu-item-9029" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9029"><a href="https://squatwolf.staging.wpengine.com/product-category/series/ribbed-series/">RIBBED SERIES</a></li>
<li id="menu-item-9035" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9035"><a href="https://squatwolf.staging.wpengine.com/product-category/series/series-2-0/">SERIES 2.0</a></li>
<li id="menu-item-10509" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10509"><a href="https://squatwolf.staging.wpengine.com/product-category/series/seamless/">SEAMLESS SERIES</a></li>
<li id="menu-item-9026" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9026"><a href="https://squatwolf.staging.wpengine.com/product-category/sale/">SALE</a></li>
</ul>
</li>
</ul>
</li>
? – Satpal
@Satpal:メニューの最初の行にある –
@pedram:そのidとclassの両方。 –