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(); 
    } 
    } 
});