Bootstrap 导航栏折叠菜单不适用于 Turbolinks

Bootstrap 导航栏折叠菜单不适用于 Turbolinks。

工作场景

1. 页面加载时

   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button>
   <div class="navbar-collapse collapse" id="menu"> </div>
   

2. 单击菜单和下拉菜单

   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button>
   <div class="navbar-collapse in" id="menu" style="height: auto;"> </div>
   

3. 再次单击菜单并折叠

   <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> </button>
   <div class="navbar-collapse collapse" id="menu" style="height: 1px;"> </div>
   

不起作用（导航到任何页面后）

1. 页面加载时

   the same html, no need to repeat
   

2. 单击菜单和下拉菜单

   the same html, no need to repeat
   

3. 再次单击菜单并折叠

   3.1.在调试器中观察到的瞬时变化

       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button>
   
       <div class="navbar-collapsing" id="menu" style="height: 96px;"> </div>
   

   Note: 类=“导航栏折叠” and 高度：96 像素；

   3.2.然后回到同样的状态

       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button>
       <div class="navbar-collapse in" id="menu" style="height: auto;"> </div>
   

   注意：与步骤 2 中相同的 html。

库版本：

• 涡轮链接2.1.0
• jQuery 2.0.3
• 引导程序3.0.3

我希望有人能给出一个真正的答案或解释。

这里的负责人是Turbolinks。解决方法是不加载 Turbolinks javascript。

在文件中

app/assets/javascripts/application.js

删除这一行

//= require turbolinks