bootstrap 4下拉子菜单在单击时不起作用

问题描述

我有这个菜单,用于使用引导程序4显示子项下拉菜单

sizeof(char)

JS:

size

当单击<span class="menu-toggle">click</span> <nav class="responsive-menu top-menu menu_wrap d-block d-lg-none d-xl-none open"> <div class="menu_scroll_content"> <ul class="menu_wrap"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-140 current_page_item menu-item-143 active"><a href="">home</a></li> <li class="menu-item-has-children mega_menu menu-item menu-item-type-custom menu-item-object-custom menu-item-60 mega_menu mega_menu_advanced dropdown"> <a title="menu" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"> menu <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-65 dropdown-submenu"> <a title="child menu" href="#">child menu</a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-card menu-item-70"> <a title="child menu 1" href="">child menu 1</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-card menu-item-83"> <a title="child menu 2" href="">child menu 2</a></li> </ul> </li> </ul> </li> </ul> </div> </nav> 显示//menu $(document).on("click",".menu-toggle",function(e) { e.preventDefault(); $("body").addClass("open-nav"); $(".top-menu").toggleClass("open"); $(".overlay").toggleClass("show"); }); $(document).on("click",".overlay,.close_nav",function() { $(".overlay").removeClass("show"); $(".top-menu").removeClass("open"); $("body").removeClass("open-nav"); }); $(document).on("click",".responsive-menu .menu-item-has-children>a",function(e) { e.preventDefault(); e.stopPropagation(); console.log("menu click"); //$('.menu_wrap>li').removeClass('menu-show'); $(this).parent().toggleClass("menu-show"); }); 并单击menu显示菜单时,当我需要关闭child menu并单击{{1} }菜单不是最近的。如何解决此问题!?

演示Here(在平板电脑或移动设备上预览)

解决方法

只需在jquery脚本之后和bootstrap js脚本插件之前添加此脚本

链接是:

This add your script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"

example image