jquery – 引导程序“下拉列表打开”切换在开发中无法正常工作,但在生产中起作用

我正在跟着 RailsTutorial sample_app和里面我们使用twitter-boostrap框架.有一个下拉菜单 (the code,jQuery)在开发环境中不适合我,但在生产中(在Heroku上)很好.

在“Visual Event”的帮助下,我确认有与菜单标题相关的事件.正常行为应该是点击更改类从：

<li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">

至：

<li id="fat-menu" class="dropdown open">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">

不过,在我的情况下,点击它会添加“打开”并在同一时刻删除.我几乎没有注意到它发生了变化,但很快恢复到初始状态,因此下拉菜单不会打开.

如果我在浏览器中手动编辑代码,并向类添加“打开”,则菜单将打开.如果我点击菜单标题,它会删除“打开”一段时间,然后再次返回(与第一种情况相反).

我很困惑,它在生产中工作,但不在开发中(在同一浏览器上).我应该检查一下

谢谢！

Vasil //第一个问题

解决方法

如果要加载bootstrap-dropdown.js的代码两次,您将获得此行为.检查以确保您不加载bootstrap-dropdown.js和bootstrap.js.后者包括前者.

JSFiddle FAIL

如果从资源面板中删除bootstrap-dropdown.js,并重新运行它,它将会起作用.