下拉菜單不重疊

Question

我的問題是重疊，因爲你看到標題。 我的代碼正在工作，但是當我將下拉列表放入導航欄容器中時，它不會在我單擊它時下拉。 這裏是我的代碼視圖：

<div class="navbar-inner"> 

    <div class="container"> 
    <%= link_to "Print- it- Green", root_path, id: "logo" %> 

    <nav> 
    <ul class="nav nav-tabs custom"> 
     <li class="active"><%= link_to "Overview", '#' %>   
     </li> 

     <li><%= link_to "About", '#' %></li> 
     <li><%= link_to "What we do", '#' %></li> 
     <li><%= link_to "Partners", '#' %></li> 
     <li><%= link_to "Contact", '#' %></li> 
     <li><%= link_to "Support", '#' %></li> 
     <ul class="nav nav-pills pull-right"> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" 
      data-toggle="dropdown" 
      href="#"> 
     <%#= current_user.email %> 
      <b class="caret"></b>dfghdfdfh 
      </a> 
      <ul class="dropdown-menu"> 
      <li><%= link_to "add website", new_website_path %></li> 
      <li><%#= link_to "account settings", edit_registration_path %></li> 
      </ul> 
     </li> 
     </ul> 

    </ul> 
    </nav> 
</div> 

請幫幫我！

Answer 1

您是否在報頭中包含dropdown.js文件並對其進行了初始化？這是我見過的常見問題。