2015-08-27 81 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'}); 

     } 
});