如何解决wordpress 下拉子菜单有子级可点击
我正在运行 WP 安装,但在移动菜单中的“下拉子菜单”类存在问题。我想要“博客默认”可点击。我添加了“location.href = this.href;”在 function.js 中,它可以工作。使用“悬停”打开子菜单,然后单击 1 次进入“博客默认”页面。 问题出在移动菜单中。 要在移动设备中打开子菜单,我需要点击“博客默认”,但通过这种方式我访问了“博客默认”页面。
对不起,我的英语不好。 Tnx
这是 css 代码。
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="link" id="blogMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog</a>
<ul class="dropdown-menu" aria-labelledby="blogMenu">
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="link">Blog default</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="link">Full Width</a></li>
<li><a class="dropdown-item" href="link">Left Sidebar</a></li>
<li><a class="dropdown-item" href="link">Right Sidebar</a></li>
</ul>
</li>
</ul>
</li>
这里是js代码
$('.dropdown-menu a.dropdown-toggle').on('click',function(e) {
location.href = this.href;
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
var $subMenu = $(this).next(".dropdown-menu");
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown',function(e) {
$('.dropdown-submenu .show').removeClass("show");
});
return false;
});
这里是 function.php 中的 Walker_Nav_Menu
if ( $args->has_children && $depth === 0 ) {
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
$atts['data-toggle'] = 'dropdown';
$atts['class'] = 'nav-link dropdown-toggle';
}
else if ( $args->has_children && $depth === 1 ) {
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
$atts['data-toggle'] = '';
$atts['class'] = 'dropdown-item dropdown-toggle';
}
else {
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
$atts['class'] = 'nav-link';
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。