Bootstrap 3手機菜單無法正常工作

除了手機菜單，我的引導wp網站上的所有內容都很棒。它崩潰了，但是當它摺疊時，你不能點擊它來回到漢堡包菜單。我注意到這裏覆蓋了這個：Bootstrap wordpress mobile menu not working但我的答案並不清楚。Bootstrap 3手機菜單無法正常工作

網址爲http://www.jfmobilemechanics.com.au

下面是導航代碼：

<body id="page-top" class="index"> 
 

 
    <!-- Navigation --> 
 
    <nav class="navbar navbar-default navbar-fixed-top pull-right"> 
 
    <div class="container-fluid"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
 
     <span class="sr-only">Toggle navigation</span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="<?php bloginfo('url')?>"><?php bloginfo('name')?></a> 
 
    </div> 
 

 
    <!-- Collect the nav links, forms, and other content for toggling --> 
 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
 
<?php /* Primary navigation */ 
 
wp_nav_menu(array(
 
    'menu'  => 'primary', 
 
    'depth'  => 2, 
 
    'container' => false, 
 
    'menu_class' => 'nav navbar-nav pull-right', 
 
    'walker'  => new wp_bootstrap_navwalker()) 
 
); 
 
?> 
 
    </div><!-- /.navbar-collapse --> 
 
    </div><!-- /.container-fluid --> 
 
</nav> 
 
</body>

任何幫助將非常感激！

來源

2016-08-11 Dnbl_

我想你可能會包括兩次引導js，所以菜單按鈕上的點擊事件會被觸發兩次，當試圖打開它時關閉菜單。

來源

2016-08-11 12:23:06 spoq

是的工作！感謝您的關注。真的很感激它。試圖找出原因非常繁瑣。 –

很高興幫助。如果你不介意，你可以接受它作爲答案，以便問題得到解決。 – spoq

Bootstrap 3手機菜單無法正常工作

回答

相關問題