TWBS流星Navbar崩潰不起作用

Question

我創建了一個使用Twitter Bootstrap進行佈局的Meteor項目。我有一個導航欄這樣擺放：Bootstrap Components

我的問題是，在移動導航欄進入可摺疊模式（這很好），但是當我點擊鏈接到其他模板（使用iton：路由器包）。可摺疊菜單保持展開。有沒有辦法在選擇一個項目後關閉它？

Answer 1

只需添加：

$(".navbar-toggle").click(); 

你想要每條路線（在router.js文件）。或者更好的選擇是將其定義爲您在每條路線上呼叫的功能。

Router.route('/somewhere', function(){ 
    $(".navbar-toggle").click(); 
    this.render("navbar", {to:"navbar"}); 
    this.render("something", {to:"main"}); 
}); 

編輯：

使用$('.navbar-toggle').click();一旦脫落，而不是把它應用到每條路線的，你可以做以下的router.js文件：

Router.configure({ 
    onAfterAction: function() { 
    if($('#navbar-collapse').hasClass('in')) { 
     $('.navbar-toggle').click(); 
    } 
    } 
});