引导程序"下拉打开"切换在开发中无法正常工作,但在生产中有效

Vas*_*ilK 18 jquery twitter-bootstrap ruby-on-rails-3.2 drop-down-menu

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

在"视觉事件"的帮助下,我确认有一个与菜单标题相关的事件.正常行为应该是单击以更改类:

<li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
Run Code Online (Sandbox Code Playgroud)

至:

<li id="fat-menu" class="dropdown open">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
Run Code Online (Sandbox Code Playgroud)

不过,在我的情况下,点击它会添加"打开"并在同一时刻删除.我几乎没有注意到它会进行更改,但很快就会返回到初始状态,因此下拉菜单无法打开.

如果我在浏览器中手动编辑代码并在课程中添加"打开",则会打开菜单.如果我然后单击菜单标题,它会暂时"打开",然后再次返回(与第一个案例相反).

我很困惑它在生产中有效,但在开发中却没有(在同一个浏览器上).我该怎么检查?

谢谢!

瓦西尔//第一个问题

mer*_*erv 35

如果要两次加载bootstrap-dropdown.js的代码,则会出现此行为.检查以确保您没有加载bootstrap-dropdown.jsbootstrap.js.后者包括前者.


JSFiddle FAIL

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

  • 就我而言,我正在加载UI-Bootstrap for Angular,它不依赖bootstrap.js。好赶上! (2认同)