2016-02-18 103 views
0

我想修復我的網站上的標題,所有的東西工作得很好,除非當我讓瀏覽器變小,主菜單下降到一個按鈕(如預期)不顯示欄杆的內容,但現在,按鈕始終顯示內容,點擊時不會隱藏。WordPress的導航欄響應不顯示

的代碼是:

<!-- mainmenu begin --> 
    <div class="de_menu collapse navbar-collapse"> 
     <div id="mainmenu" class="mainmenu"> 
      <!-- mainmenu begin --> 
      <?php 
      $primarymenu = array(
       'theme_location' => 'primary', 
       'menu'   => 'primary', 
       'container'  => 'false', 
       'container_class' => 'collapse navbar-collapse', 
       'container_id' => '', 
       'menu_class'  => 'nav navbar-nav', 
       'menu_id'   => '', 
       'echo'   => true, 
       'fallback_cb'  => 'wp_bootstrap_navwalker::fallback', 
       'walker'   => new wp_bootstrap_navwalker(), 
       'before'   => '', 
       'after'   => '', 
       'link_before'  => '', 
       'link_after'  => '', 
       'items_wrap'  => '<ul data-breakpoint="800" id="%1$s" class="%2$s">%3$s</ul>', 
       'depth'   => 2, 
      ); 
      if (has_nav_menu('primary')) { 
       wp_nav_menu($primarymenu); 
      } 
      ?> 
      <!-- mainmenu close --> 
     </div> 
    </div> 

這裏是在瀏覽器的代碼:

<!-- mainmenu begin --> 
    <div class="de_menu collapse navbar-collapse"> 
     <div id="mainmenu" class="mainmenu"> 
      <!-- mainmenu begin --> 
      <ul data-breakpoint="800" id="menu-menu-principal" class="nav navbar-nav"> 
<li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-26 active">First Option</li> 
<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27">Second option</li> 
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-28 ">Third Option</a> 
<ul role="menu" class=" dropdown-menu"> 
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31">First Child</li> 
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30">Second Child</li> 
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29">Third Child></li> 
</ul> 
</li> 
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32">Fourth Option</li> 
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33">Fifth Option</li> 
</ul>    
<!-- mainmenu close --> 
     </div> 
    </div> 

我已經盡我所能,但我想不出如何解決它。

+0

你嘗試與檢查元素的工具,看看發生了什麼。 –

+0

是的,我正在用Inspect Element看,並沒有做任何改變,現在顯示菜單,但點擊時不隱藏(無論如何,指針改變,以顯示按鈕我clickeable) –

回答

0

使用此功能的slideToggle

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery(".dl-trigger").click(function(e){ 
     e.preventDefault(); 
     jQuery(".dl-menu").slideToggle(150); 
      }) 
    }); 
</script> 
+0

沒有工作,我已經搞亂了代碼,現在我可以在單擊時更改Inspect Element視圖中的html,但沒有其他事情發生......可能是因爲Wordpress沒有正確調用Javascript? –