Javascript 引导v5 wp引导navwalker下拉菜单navbar不工作
我使用引导v5和[wp引导navwalker][1]Javascript 引导v5 wp引导navwalker下拉菜单navbar不工作,javascript,wordpress,function,navbar,bootstrap-5,Javascript,Wordpress,Function,Navbar,Bootstrap 5,我使用引导v5和[wp引导navwalker][1] 在function.php中 <?php require_once('class-wp-bootstrap-navwalker.php'); function main_menu(){ wp_nav_menu(array( 'theme_location' => 'main-menu', 'menu_class' => 'nav navbar-nav',
在function.php中
<?php
require_once('class-wp-bootstrap-navwalker.php');
function main_menu(){
wp_nav_menu(array(
'theme_location' => 'main-menu',
'menu_class' => 'nav navbar-nav',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbarSupportedContent',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker(),
));
}
?>
在header.php中<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<?php main_menu() ?>
</div>
</nav>
下拉菜单不工作[1] :Bootstrap 5.0.0[2021] 测试和工作✔ 你可以使用这个功能。这将把
数据切换
更新为数据切换
add_filter( 'nav_menu_link_attributes', 'bootstrap5_dropdown_fix' );
function bootstrap5_dropdown_fix( $atts ) {
if ( array_key_exists( 'data-toggle', $atts ) ) {
unset( $atts['data-toggle'] );
$atts['data-bs-toggle'] = 'dropdown';
}
return $atts;
}
资料来源:
修复汉堡包图标下拉列表
OP已经在使用新的导航栏元素。但是,如果您中的任何人使用旧版本,并且只更新了上面的函数,那么请按照以下步骤操作
在响应中,如果使用旧类,汉堡图标将不起作用。您还必须将从数据切换
更新为数据切换
<button ... data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" ...>
<!-- span -->
</button>
过于宽泛、不清楚、不完整或主要基于观点的问题可能会一直存在,直到得到改进。什么不起作用?悬停时是否打开子菜单?单击打开子菜单?根本没有菜单?请提供更多详情详情。请提供更多详情。霍华德的下拉菜单不工作,在引导层5的下拉菜单不工作,在引导层5的下拉菜单中,在引导层5的下拉菜单不工作,在引导层5的下拉菜单中,在引导层5的下拉菜单不工作,在引导层5的下拉菜单中,在引导层5的菜单中,功能注册所有所有的所有菜单,注册导航的菜单(阵列('顶部菜单,顶部)在你的顶部菜单上,=>硬质硬质151515755月月,方方方方方方方方方方方为为为托托托托维维维维基基基基托托托托托托托托托托托托托托托托基基基基基托托托托托托托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基托基)}`我也检查了这篇文章,但不太管用[你可以使用这一点和第214行中的更改:如果($this->has_children&&0===$depth){$atts['href']='''''.\atts['data-bs-toggle']='dropdown';$atts['aria-haspoop']='true'.$atts['aria-expanded']='false'.$atts['class']='dropdown toggle nav link';$atts['id']='navbarDropdown';}
更改为$atts['data-bs-toggle']
对我来说很有效!