导航到 Meter 项目中的新路线时，导航栏不会折叠答案

【问题标题】：Navbar not collapsing when navigating to a new route in Meter project导航到 Meter 项目中的新路线时，导航栏不会折叠
【发布时间】：2017-01-07 13:19:56
【问题描述】：

我在 Meteor 项目中使用 Iron-router 和 twbs:bootstrap。我正在使用引导导航栏，但是每当我在导航栏展开时导航到新路线时，导航栏在我到达新路线时仍保持展开状态。

我已经尝试过这里建议的解决方案：Bootstrap navbar stays expanded on route change，但它对我不起作用。但是，我不确定我是否正确实施它。

在我的 router.js 文件中，我添加了以下内容：

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

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

我错过了什么？

编辑：我尝试为引用的问题添加评论，但我没有足够的声望点来添加 cmets。

【问题讨论】：

标签： twitter-bootstrap meteor navbar

【解决方案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();
  }
}

确保将“toggle-navbar”类添加到下拉菜单中的每个链接，并确保将“bs-example-navbar-collapse-1”更改为适合navbar-collapse div 的id。

请注意，我的解决方案是此处找到的解决方案的修改版本：https://forums.meteor.com/t/bootstrap-dropdown-does-not-close-on-click-navigation/25098

【讨论】：