Bootstrap JS 不与 Middleman 合作

Question

正在尝试建立一个非常简单的 bootstrap 网站，运行下拉菜单的 JS/jQuery 似乎不起作用。

gemfile

#default stuff...
gem "sass"
gem "bootstrap-sass","~> 3.3.5", :require => false

布局

<!-- ... -->
<%= javascript_include_tag "all" %>
<!-- ... -->

all.js

//=require_tree .

然后 html 从默认 bootstrap 导航栏复制粘贴：http://getbootstrap.com/components/#navbar

CSS 有效，导航栏正确折叠为汉堡包图标，但单击任何锚标记都会导致页面发生零变化。我已经尝试在 all.js、Gemfile 和 layout.erb 中以不同的方式要求 jQuery 和 bootstrap 内容，但没有成功。我在这里缺少什么超级简单的东西？

非常感谢您的帮助！

Answer 1

我第一次使用 Yahoo 搜索并找到比 Google 更好的结果。我找到了 a blogger who had the answer 谢天谢地！

宝石文件

gem "bootstrap-sass", "~> 3.3.5", :require => false 
gem "jquery-middleman" #Don't forget to run 'bundle install'

all.css.scss

@import "bootstrap-sprockets";
@import "bootstrap";

all.js

//= require jquery  
//= require bootstrap-sprockets
//= require tree .

'require tree .' 有效，但在之前的 Rails 项目中给我带来了问题。有时 jQuery 可以包含两次，因此当您单击下拉菜单时，它打开和关闭的速度比您看到的要快，您认为它根本不起作用。似乎它正在工作，但请注意这一点。

编码愉快！

Bootstrap JS not working with Middleman