2014-10-10 118 views
0

我一直在嘗試主題我的導航使用twitter引導。我希望它看起來像這裏看到的一個固定的頂級橫幅的演示示例http://getbootstrap.com/examples/navbar-fixed-top/WordPress的導航Twitter引導自定義

我有它的工作,但我不喜歡我得到它的工作方式!

wp_nav_menu(
     array(
      'container_class' => 'main-nav navbar-collapse collapse', 
      'theme_location' => 'primary', 
     ) 
    ); 

上面的代碼建立我的導航,你可以再說我照着引導它添加navbar-collapsecollapse所以樣式的默認看到。這不是真正的問題。問題是當這段代碼然後生成菜單我不知道如何添加一個類到它創建的UL,所以下面是我如何做到這一點。

$(document).ready(function(){ 
     if($("#menu-menu-1").length !== 0){ 
      $(".menu").addClass("nav navbar-nav"); 
     } else { 
      alert("no navigation system"); 
     } 
    }); 

這是通過檢測當代碼做出了它,因爲它具有的#menu-menu-1一個id的UL然後添加必要的類,它所有的作品。

最後這個問題! 有沒有辦法更有效地做到這一點,因爲這種方法是非常快速的修復風格,似乎不是一個值得信賴的永久性方法。警報只是出於測試目的,所以我知道腳本是否在運行

回答

2

wp_nav_menu()menu_idmenu_class的選項。要添加到你的菜單,你會做類似於以下內容:

$menu_args = array(
    'theme_location' => 'primary', 
    'container_class' => 'main-nav navbar-collapse collapse', 
    'menu_class'  => 'nav navbar-nav', 
    'menu_id'   => 'menu-menu-1' 
); 

wp_nav_menu($menu_args); 
+0

我想能夠改變其中的嵌套項目,雖然沒有JQuery像'ul'和'li'它產生,有沒有辦法預先製作它們? – Kieranmv95 2014-10-10 16:17:32

+0

你是什麼意思?有'items_wrap'...我已經鏈接到我的文章中的功能文檔。 – rnevius 2014-10-10 16:36:51

+0

這是我誤解你對不起,我對WordPress很新:') – Kieranmv95 2014-10-13 12:11:37