2014-10-10 145 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