Question

我创建了一个Meteor项目，该项目使用Twitter Bootstrap进行布局。我有一个导航栏，其布局如下：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();
    }
  }
});

TWBS Meteor Navbar崩溃无法正常工作

1 个答案: