引导下拉列表不工作

Question

我正在rails中使用引导下拉列表，它突然停止工作。如果我像$（'a.dropdown-toggle'）那样手动引发链接上的单击事件。单击（）它工作正常，但如果我真的单击它，什么也不会发生。

如果我使用jQuery附加了一个单击处理程序，如$（'a.dropdown-toggle'）。单击（函数（）{警报（'foo');})，然后当我单击链接时触发。

这是不是因为事件被什么东西吞没了？有没有办法弄清楚这是什么？

我不能在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（）页面加载几秒钟后，它就可以工作了，但如果我在页面加载时正确调用它，它就不能工作。此外，我的手风琴也有类似的问题——它们可以下拉，但除非手动调用单击事件，否则它们不会关闭。所以我猜现在是因为有什么东西吞噬了点击事件，但我不知道是什么原因。

Answer 1

可能您应该将下拉列表类添加到li元素中

并删除

希望能帮忙：）