2015-08-27 46 views
0

我试图整合自举navbar下拉与Wordpress。我已经有了完美的导航栏。但是,当我尝试添加一个新的类别/页面作为子菜单时,布局中断,带有装饰(点)的“ul”元素,并且没有下拉悬停效果。我尝试了导航步行者的代码,但没有工作。如果有一些方法可以让它无需导航仪,那就太好了。如何整合wp_nav_menu()WordPress与引导下拉菜单布局

回答

5

尝试使用此navwalker,你可以把你的主题。

https://github.com/twittem/wp-bootstrap-navwalker

+0

嘿,男人!非常感谢!已经尝试过,但有问题的PHP。现在不需要一次,我只需将代码复制并粘贴到我的function.php中,它就可以工作了! –

+0

不客气。当我使用WordPress和Bootstrap并且必须使用它时,我有一个类似的问题。 – Cedon

0

这可以更简单一些jQuery的工作要做,但它不是太高雅了,我敢打赌,不建议无论是。你可以查看什么类的WP添加到你的UL元素,并基于这样做一些逻辑,如:

jQuery(document).ready(function($) 
{ 
    if($('ul').hasClass('sub-menu')) 
    { 
     var parent = $('ul .sub-menu').parent(); 
     $('ul .sub-menu').addClass('dropdown-menu'); 
     parent.addClass('dropdown'); 
     parent.children(':first-child').attr({'href': '#', 'class': 'dropdown-toggle', 'data-toggle': 'dropdown'}); 

     } 
});