[英]Wordpress Menu + Bootstrap NavBar
我现在在下面遇到这个问题,我希望你能帮助我。 我真的很感激。
1 - 我创建了Wordpress菜单(完成所有工作)。 第二 - 我在Wordpress菜单的html标签上实现了Bootstrap类(例如nav navbar-nav,下拉菜单,下拉菜单等)。 (得到它并让它以某种方式工作)第3 - 为了使下拉列表工作我使用(preg_place)将默认(子菜单)替换为(下拉菜单)然后使功能工作我再次使用(preg-replace)将类和数据切换插入到锚点链接。
现在问题是,锚链接似乎根本不起作用。
看看这里。 (使用顶部的导航)
下面是function.php上的代码
function new_submenu_class($menu) {
$menu = preg_replace('/ class="sub-menu"/','/ class="dropdown-menu" /',$menu);
return $menu;
}
add_filter('wp_nav_menu','new_submenu_class');
function add_menuclass($ulclass) {
$ulclass = preg_replace('/<a/', '<a class="dropdown-toggle" data-toggle="dropdown" role="button"', $ulclass);
return $ulclass;
}
add_filter('wp_nav_menu','add_menuclass');
非常感谢!
顺便说一下..我在第3级子菜单中使用了jQuery。 这是:
<script type="text/javascript">
$(document).ready(function() {
$('.navbar a.dropdown-toggle').on('click', function(e) {
var $el = $(this);
var $parent = $(this).offsetParent(".dropdown-menu");
$(this).parent("li").toggleClass('open');
if(!$parent.parent().hasClass('nav')) {
$el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4});
}
$('.nav li.open').not($(this).parents("li")).removeClass("open");
return false;
});
});
</script>
在函数中,我会尝试更改此行:
$('.navbar a.dropdown-toggle').on('click', function(e) {
对于这个:
$('.navbar').on('click', 'a.dropdown-toggle', function(e) {
由于a.dropdown-toggle
已经发生了......
也许它没有出现在“文件就绪”上,因此“ 爆燃 ”语法可能有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.