Bootstrap Wordpress将类添加到下拉链接

时间:2014-03-31 13:05:08

标签: jquery css wordpress twitter-bootstrap-3

我创建了一个我试图转换为Wordpress模板的bootstrap html页面,我在导航中遇到了下拉项目。简而言之,html菜单看起来像这样:

<ul class="nav navbar-nav">
  <li><a href="#">First level link</a></li>
  <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">First level link</a>
    <ul class="dropdown-menu">
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
    </ul>
  </li>
</ul>

正如您所看到的,打开下拉列表的链接有一个类&#34;下拉切换&#34;和data-toggle =&#34;下拉&#34;属性,使其打开/显示。

在WP主题上,我得到同样的东西,但没有那个下拉切换类和数据切换,所以下拉列表没有出现,又名:

<ul class="nav navbar-nav">
  <li><a href="#">First level link</a></li>
  <li class="dropdown"> <a href="#">First level link</a>
    <ul class="dropdown-menu">
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
      <li><a href="#">Second level link</a></li>
    </ul>
  </li>
</ul>

这是我的第一个wordpress主题,所以也许这是一个愚蠢或非常简单的问题,但有没有人可以帮助我将这些属性添加到下拉链接?

在主题函数中我发现了这个,尝试改变深度,但没有任何东西

function wp_bootstrap_main_nav() {
    // display the wp3 menu if available
    wp_nav_menu( 
        array( 
            'menu' => 'main_nav', /* menu name */
            'menu_class' => 'nav navbar-nav',
            'theme_location' => 'main_nav', /* where in the theme it's assigned */
            'container' => 'false', /* container class */
            'fallback_cb' => 'wp_bootstrap_main_nav_fallback', /* menu fallback */
            'depth' => '2'
            'walker' => new Bootstrap_walker()
        )
    );
}

0 个答案:

没有答案