twitter bootstrap下拉菜单突然不起作用

Question

我想知道有没有人能帮我。我的bootstrap下拉菜单突然停止工作。我不知道为什么。它以前是有效的。我没有触摸我的视图，我的布局视图，所以我认为问题不在那里。我很确定这与我的javascript有关，但我不知道它是从哪里来的。

我的文件是..。

gem 'rails', '3.2.3'
gem 'bootstrap-sass', '2.0.1'
gem 'bcrypt-ruby', '3.0.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.5'
gem 'devise'
gem 'carrierwave'
gem 'rmagick'
gem 'delayed_job_active_record'
gem 'daemons'
gem 'make_voteable'
gem 'admin_data'
gem 'indextank'

我的application.js是...

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require bootstrap-dropdown
//= require bootstrap
//= require_tree .

我猜这可能与我的配置文件有什么关系？

Answer 1

我不得不搬家

//= require jquery

下面

//= require bootstrap

在

application.js

Answer 2

如果预编译资源不起作用，请尝试同时删除预编译的资源

rake assets:clean

我发现，将dropdown js加载到资产管道中两次似乎可以立即打开和关闭下拉菜单，但在Heroku/Production中可以很好地工作。

Answer 3

我也有同样的问题，我找到了两种方法来解决它。

首先，让我告诉您我的设置:我按照bootstrap站点上的说明下载了bootstrap-dropdown.js。我把它放在assets/javascripts中。我的application.js文件如下所示：

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require_tree .

下拉菜单不起作用。

我注意到在页面源代码中，bootstrap-dropdown.js的脚本标记出现了两次：(为了简洁，我删除了不相关的内容)

<script type="text/javascript" src="/assets/jquery.js?body=1">
<script type="text/javascript" src="/assets/jquery_ujs.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1">
<script type="text/javascript" src="/assets/twitter/bootstrap.js?body=1">
<script type="text/javascript" src="/assets/bootstrap-dropdown.js?body=1">
<script type="text/javascript" src="/assets/bootstrap.js?body=1">

因此，我从application.js中删除了行//= require_tree .，重新启动了服务器，并且下拉菜单起作用了！

然后我放回了//= require_tree .行，并删除了文件assets/bootstrap-dropdown.js，它又一次起作用了！