WordPress的引導程序崩潰菜單不顯示鏈接

我工作的WordPress主題使用引導。我目前有一個可摺疊的導航欄，鏈接在未摺疊時填充並工作。但是，當我更改分辨率並出現按鈕時，您可以點擊，但鏈接不會顯示出來。WordPress的引導程序崩潰菜單不顯示鏈接

這裏是我的導航欄放置在header.php中

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="navigation"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button>  
      <?php if (get_theme_mod('themeslug_logo')) : ?> 
       <a class="navbar-brand" href='<?php echo esc_url(home_url('/')); ?>' title='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>' rel='home'><img src='<?php echo esc_url(get_theme_mod('themeslug_logo')); ?>' alt='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>'></a> 
       <?php else : ?> 
        <a class="navbar-brand" href='<?php echo esc_url(home_url('/')); ?>' title='<?php echo esc_attr(get_bloginfo('name', 'display')); ?>' rel='home'><?php bloginfo('name'); ?></a> 
       <?php endif; ?> 
      </div> 

      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<ul class="nav navbar-nav"> 
      <?php /* menu */ 
      wp_nav_menu(array(
       'menu'    => 'primary', 
       'theme_location' => 'primary-menu', 
       'depth'    => 2, 
       'container'   => 'div', 
       'container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 
       'menu_class'  => 'nav navbar-nav', 
       'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
       'walker'   => new wp_bootstrap_navwalker()) 
      ); 
      ?> 
</ul> 
      </div> 
</nav>

下面是輸出HTML：

<div class="navbar-collapse in" id="bs-example-navbar-collapse-1" style="height: auto;"> 
<ul class="nav navbar-nav"> 
<div class="collapse navbar-collapse navbar-ex1-collapse"> 
<ul id="menu-navigation" class="nav navbar-nav"> 
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"> 
<a title="Blog" href="http://dillonraphael.com/blog/">Blog</a> 
</li> 
</ul> 
</div> 
</ul> 
</div>

來源

2014-01-08 Dondada

你有bootstrap.js或JavaScript包含文件引導/呼籲頁面的底部？如果不是，按鈕不會做任何事情。 – Braunson

@布朗森按鈕的作品。我按下它，白色方框展開。但裏面沒有鏈接。當網站使用較大的屏幕尺寸的鏈接顯示在實際的導航欄上 – Dondada

可以抓住WordPress的輸出併發布它？ – Braunson

您的輸出是不正確，它有兩個div的導航欄與崩潰

採取WordPress的wp_nav_menu函數，並刪除div和ul包裹它，因爲它生成它自己的，你有正確的類指定。

刪除此，它的結束標記：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<ul class="nav navbar-nav">

然後添加到您的陣列

container_id => 'bs-example-navbar-collapse-1',

來源

2014-01-08 19:44:31 Braunson

WordPress的引導程序崩潰菜單不顯示鏈接

回答

相關問題