Bootstrap下拉菜單不起作用

Question

我在rails中使用bootstrap下拉菜單，但突然停止工作。 如果我像$('a.dropdown-toggle').click()這樣手動引發鏈接上的click事件，它可以正常工作，但是如果我實際單擊它，則不會發生任何事情。

如果我使用$('a.dropdown-toggle').click(function(){alert('foo');})類的jQuery附加單擊處理程序，則在單擊鏈接時會觸發該事件。

這是因為事件被某些東西吞沒了嗎？ 有什么辦法弄清楚它是什么嗎？

我無法在jsFiddle類型的環境中重現該錯誤，但以下是相關的html：

   <li class="profile">
      <div class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="glyphicon glyphicon-user"></i>
          Ben
        </a>
        <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="User">
            <li><a href="/users/edit.5399e28681f150251b000001"><i class="glyphicon glyphicon-edit"></i> Edit Account</a></li>
            <li><a href="/users/sign_out" data-method="delete" rel="nofollow"><i class="glyphicon glyphicon-log-out"></i> Logout</a></li>
            <li class="divider"></li>
            <li role="presentation" class="dropdown-header">Admin</li>
            <li><a href="/#providers"><i class="glyphicon glyphicon-plus"></i> Providers</a></li>
                <li><a href="/admin/patients"><i class="glyphicon glyphicon-eye-open"></i> Patients</a></li>
              <li><a href="/admin/users"><i class="glyphicon glyphicon-user"></i> Users</a></li>
              <li><a href="/logs/index"><i class="glyphicon glyphicon-list-alt"></i> Logs</a></li>
        </ul>
      </div>
    </li>

更新：我發現，如果在頁面加載后幾秒鍾調用$('a.dropdown-toggle').dropdown()它會起作用，但是如果我在頁面加載時正確調用它，那是$('a.dropdown-toggle').dropdown() 。 另外，我的手風琴也有類似的問題-它們可以下拉，但是除非您手動調用click事件，否則它們不會關閉。 所以我猜現在是由於某些東西吞沒了click事件，但我不知道是什么原因。

Answer 1

也許您應該將dropdown類添加到li元素

並刪除<div class="dropdown">

希望對您有所幫助：）