Question

我想通过下拉（'切换'）方法切换引导下拉列表，但它不会切换下拉（第一次单击时打开但再次单击时不会关闭）。我想只通过下拉（'toggle'）方法来做。我使用以下代码：

的JavaScript -

$(function(){
    $(".dropdown-toggle").click(function(){
        $(this).dropdown('toggle');
    });
});

HTML -

<div class="dropdown">
    <a href="#" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something here</a></li>
    </ul>   
</div>

如果您告诉我有关如何使用JavaScript手动在导航栏中启用多个下拉列表的任何示例，那将会很棒。

代码在http://jsfiddle.net/alaxmenon/HNL3c/

Answer 1

如果您不想使用数据属性，则只需执行此操作：

$('.dropdown-toggle').click(function(){
  $(this).next(".dropdown-menu").toggle();
});

除非您使用数据属性，否则

dropdown('toggle')将无效。

Bootply： http://www.bootply.com/67728

Answer 2

$(function(){
    $(".dropdown-toggle").click(function(e){
        $(this).dropdown('toggle');
        return false;
    });
});

Answer 3

您要从data-toggle="dropdown"移除<a>（如果它仍在那里）

$(function() {
  $('.dropdown-toggle').click(function(e) {
    e.preventDefault();
    $(this).parent().toggleClass('open');
  });
});

Answer 4

用href =“javascript：void（0）;”

替换href =“＃”

Answer 5

使用bootstrap-dropdown.js，你不需要写任何额外的js来切换下拉列表。

Bootstrap下拉（'toggle'）方法不起作用

5 个答案: