Wordpress nav walker子菜单在选择父页面时保持下拉菜单打开
Wordpress nav walker submenu Keep dropdown open when parent page selected
我正在开发 Wordpress Bootstrap 4 个主题
我想要这样的子菜单 like this submenu stay open
http://www.optus.com.au/
选择父页面时保持下拉列表打开
任何人都可以帮助我。
我的导航栏代码
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul id="menu-main-menu" class="nav navbar-nav><li id=" menu-item-15"=""><a href="http://localhost/ajc-finance/" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a><ul class="mega-dropdown-menu dropdown-menu depth_0">
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item active nav-item nav-item-142"><a class="dropdown-item" href="http://localhost/ajc-finance/lenders/">Lenders</a></li>
<li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-143"><a class="dropdown-item" href="http://localhost/ajc-finance/sample-page/">Sample Page</a></li>
<li id="menu-item-144" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-144"><a class="dropdown-item" href="http://localhost/ajc-finance/sample-page/">Sample Page</a></li><li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-145"><a class="dropdown-item" href="http://localhost/ajc-finance/services/">Services</a></li></ul><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14"><a href="http://localhost/ajc-finance/about-us/" class="nav-link">About Us</a></li><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-13"><a href="http://localhost/ajc-finance/services/" class="nav-link">Services</a></li>
默认的 Wordpress 主题确实带有子菜单功能，您只需按照您在示例中显示的方式设置样式即可。
您也可以使用第 3 方插件，例如 https://wordpress.org/plugins/megamenu/
我正在开发 Wordpress Bootstrap 4 个主题
我想要这样的子菜单 like this submenu stay open
http://www.optus.com.au/
选择父页面时保持下拉列表打开
任何人都可以帮助我。
我的导航栏代码
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul id="menu-main-menu" class="nav navbar-nav><li id=" menu-item-15"=""><a href="http://localhost/ajc-finance/" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a><ul class="mega-dropdown-menu dropdown-menu depth_0">
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item active nav-item nav-item-142"><a class="dropdown-item" href="http://localhost/ajc-finance/lenders/">Lenders</a></li>
<li id="menu-item-143" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-143"><a class="dropdown-item" href="http://localhost/ajc-finance/sample-page/">Sample Page</a></li>
<li id="menu-item-144" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-144"><a class="dropdown-item" href="http://localhost/ajc-finance/sample-page/">Sample Page</a></li><li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-145"><a class="dropdown-item" href="http://localhost/ajc-finance/services/">Services</a></li></ul><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-14"><a href="http://localhost/ajc-finance/about-us/" class="nav-link">About Us</a></li><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-13"><a href="http://localhost/ajc-finance/services/" class="nav-link">Services</a></li>
默认的 Wordpress 主题确实带有子菜单功能，您只需按照您在示例中显示的方式设置样式即可。
您也可以使用第 3 方插件，例如 https://wordpress.org/plugins/megamenu/