如何检查下拉菜单是否打开并添加类答案

【问题标题】：How to check if dropdown is toggle on and add class如何检查下拉菜单是否打开并添加类
【发布时间】：2020-02-15 12:05:21
【问题描述】：

我想检查下拉菜单是否被切换。如果菜单有一个类：mega-toggle-on 然后添加一个类到 id #submenu-new。

这是我的代码：

  <div id="submenu-new" class="submenu-balk active" style="padding-top: 226px;">

      </div>

<script type="text/javascript">
if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).is( ".mega-toggle-on" ) ) {

 jQuery("#submenu-new").addClass("active");
alert('ss');

}
</script>

Example where you can find the mega-toggle-on class

【问题讨论】：

标签： jquery html wordpress

【解决方案1】：

你可以这样试试：

if ($("#mega-menu-wrap-max_mega_menu_1 ul li").hasClass("mega-toggle-on")) {
    $("#submenu-new").addClass("active");
}

您可以找到 jQuery here 的 hasClass 的文档

【讨论】：

【解决方案2】：

你可以在 jQuery 中使用hasClass

if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).hasClass( "mega-toggle-on" ) ) {
jQuery("#submenu-new").addClass("active");
} else {
jQuery("#submenu-new").removeClass("active");}

【讨论】：

【解决方案3】：

在使用 JQuery 时，可以使用 hasClass 来检查当前是否存在给定的类，如果存在则可以将类更改为 otherClass。

if ( jQuery( "#mega-menu-wrap-max_mega_menu_1 ul li" ).hasClass( "mega-toggle-on" ) ) { // class "mega-toggle-on" exists...
  jQuery("#submenu-new").addClass("active");
} else {  // class "mega-toggle-on" does not exists...
  jQuery("#submenu-new").removeClass("active");
}

【讨论】：

感谢您的评论，但它确实有效。未将活动添加到 id:submenu-new。我必须添加一个 $( document ).ready 吗？
是的，如果仍然不能解决您的问题，您可以使用 JQuery $( document ).ready() 函数。