Bootstrap導航欄自動崩潰與Wordpress菜單問題

關心：示例url來自一個非營利組織的開發網站，它幫助在委內瑞拉的harelip兒童。所以會有一些人們不喜歡看的照片。Bootstrap導航欄自動崩潰與Wordpress菜單問題

我正在用Twitter Bootstrap構建site，並讓navbar與wp_nav_menu一起工作，沒有任何問題。

在主頁導航欄中顯示#anchors，點擊後不重新加載。因此，導航不會倒回到其關閉狀態。（所以看到摺疊按鈕，調整你的屏幕）。

我需要的是這樣的：http://jsfiddle.net/hajpoj/By6ym/4/

Iv'e試過的東西，在小提琴實例，並且無縫工作，所以必須是由於額外的類/ ID在jQuery的什麼的。

我的jQuery不夠好找到或創建一個乾淨的溶劑。直到

的PHP：

<div class="navbar navbar-inverse"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <p class="brand hidden-desktop">Menu</p> 
     <div class="nav-collapse collapse navbar-responsive-collapse ss-icon"> 
     <?php $sitenavigatie = array(
      'theme_location' => 'header-menu-left-page', 
      'menu_class'  => 'menu', 
      'echo'   => true, 
      'fallback_cb'  => 'wp_page_menu', 
      'items_wrap'  => '<ul id="%1$s" class="nav %2$s">%3$s</ul>', 
      'depth'   => 0, 
      'walker'   => new TessWalkerMenu()); 
      wp_nav_menu($sitenavigatie); ?> 
     </div> <!-- end .nav-collapse .collapse .navbar-responsive-collapse --> 
    </div> <!-- end .container-fluid --> 
</div> <!-- end .navbar-inner -->

jQuery的在小提琴：

$('.nav-collapse').click('li', function() { 
    $('.nav-collapse').collapse('hide'); 
});

希望有人可以提供幫助。

來源

2013-06-05 Kortschot

更新小提琴，在鏈接PL看到

jsfiddle.net/By6ym/23/

來源

2013-11-07 11:48:07

Bootstrap導航欄自動崩潰與Wordpress菜單問題

回答

相關問題