미터 프로젝트에서 새 경로를 탐색 할 때 Navbar가 접히지 않습니다.

Question

Meteor 프로젝트에서 iron-router 및 twbs : bootstrap을 사용하고 있습니다. 부트 스트랩 navbar를 사용하고 있지만 navbar가 펼쳐지는 동안 새 경로를 탐색 할 때마다 navbar가 확장되어 새로운 경로로 이동합니다.

여기 제안 된 해결책을 시도했습니다 : Bootstrap navbar stays expanded on route change하지만 저에게는 효과가 없습니다. 그러나 올바르게 구현하고 있는지 확신 할 수 없습니다.

var closeNavBar = function() { 
    var isExpanded = $('.navbar-toggle').attr('aria-expanded') === true; 
    if(isExpanded) { 
    $('.navbar-toggle').click(); 
    } 
} 

Router.onAfterAction(closeNavBar, {except: 'signup'}); 

내가 무엇을 놓치고 : 내 router.js에서

나는 다음과 같은 추가 파일?

편집 : 참조 된 질문에 덧글을 추가하려고했지만 코멘트를 추가 할만한 평판 포인트가 부족합니다.

Answer 1

라우터에 코드를 추가하는 대신 템플릿 처리기 파일에 이벤트 수신기를 만들었습니다.

'click a.toggle-navbar': function(e) { 
    // is the menu visible 
    if($('#bs-example-navbar-collapse-1').is(':visible')) { 
    // click the toggle button 
    $('.navbar-toggle:visible').click(); 
    } 
} 

하면 드롭 다운 메뉴에서 각 링크의 '전환 - 네비게이션 바'를 클래스를 추가하고, 변경 'BS는 - 예 - 네비게이션 바 붕괴-1'네비게이션 바의 ID에 맞게 있는지 확인하십시오 -collapse div.

내 솔루션은 여기에있는 수정 된 버전임을 참고하십시오. https://forums.meteor.com/t/bootstrap-dropdown-does-not-close-on-click-navigation/25098