2013-06-05 1 views
2

케어 : 예제 URL은 베네수엘라의 아이들을 돕는 비영리 조직의 개발 사이트에서 가져온 것입니다. 사람들이 보지 않기를 바라는 사진이 거기에 있습니다.Wordpress 메뉴와 함께 부트 스트랩 navbar 자동 접기 문제

나는 트위터 부트 스트랩으로 site을 빌드하고 navbar가 아무런 문제없이 wp_nav_menu로 작업하도록하고 있습니다.

홈페이지에있는 nav의 누락 된 수는 클릭 후 다시로드되지 않습니다. 따라서 항법 장치는 닫힌 상태로 되돌아 가지 않습니다. (그래서 축소 버튼을보고 화면 크기를 조정하십시오).

은 내가 필요한 것은 이것이다 : http://jsfiddle.net/hajpoj/By6ym/4/

Iv'e는 바이올린 예에서 물건을 시도하고는 jQuery를 또는 무언가에 의한 추가 클래스/아이디의해야합니다, 그래서 그 완벽했다.

내 jQuery는 깨끗한 해결책을 찾거나 만들 정도로 충분하지 않습니다.

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

희망 누군가가 도움이 될 수 있습니다 JQuery와 바이올린의

<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 --> 

:

PHP의

까지까지.

답변

0

업데이트 바이올린은, PL 링크에서 볼

jsfiddle.net/By6ym/23/