javascript - Bootstrap JS 不与中间人一起工作

Question

尝试启动一个非常简单的 Bootstrap 站点并为下拉菜单运行 JS/jQuery 似乎不起作用。

gem 文件

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

布局

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

all.js

//=require_tree .

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

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

非常感谢您的帮助!

Answer 1

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

gem 文件

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

所有.css.scss

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

all.js

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

“需求树”。有效，但在之前的 Rails 项目中给我带来了问题。有时 jQuery 可以包含两次，所以当您单击下拉菜单时，它打开和关闭的速度比您看到的要快，您认为它根本不起作用。看起来它在起作用，但请注意这一点。

编码愉快!