Question

我使用bootstrap作为rails。我将bootstrap.min和reg bootstrap文件下载到我的rails应用程序中。我创建了一个下拉菜单，但出于某种原因，我无法点击它并显示下拉列表。

 <nav class="navbar navbar-inverse navbar-static-top">
      <div class="navbar-wrapper logo">
        <div class="container">
          <a class="navbar-brand" href="/">compnay logo</a>
          <div id="navbar" class="secondary">
            <ul class="nav navbar-nav">
              <li class='secondary-nav'><%= link_to 'Log Out', destroy_user_session_path, :method => :delete %></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dashboards <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>

我试着看看这是不是加载执行的jQuery。但这并不是因为我能够执行$（＆＃34; .navbar＆＃34;）并获得结果。我现在还不确定它到底是什么。我感到迷茫，并会感激任何帮助。

[编辑] 添加application.js以显示jquery首先加载。

   //= require jquery
   //= require jquery_ujs
   //= require bootstrap.min
   //= require turbolinks
   //= require_tree .

Answer 1

首先，您必须下载像bootstrap-dropdown.js这样的.js文件，并将其添加到您的资产中。

在你的application.js

中

//= require bootstrap-dropdown.js

之前

//= require_tree .

Answer 2

您需要在application.js中导入bootstrap：

//= require bootstrap

Bootstrap Nav Dropdown不工作

2 个答案: