2

我想使用 dropdown('toggle') 方法切换引导下拉菜单，但它不会切换下拉菜单（第一次单击时打开，但再次单击时不会关闭）。我只想通过 dropdown('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/

4

5 回答 5

4

如果您不想使用数据属性，您只需要这样做：

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

dropdown('toggle')除非您使用数据属性，否则将无法正常工作。

引导层：http : //www.bootply.com/67728

于 2013-07-15T10:16:45.450 回答
1 
$(function(){
    $(".dropdown-toggle").click(function(e){
        $(this).dropdown('toggle');
        return false;
    });
});
于 2013-07-15T10:46:00.183 回答
1

你会data-toggle="dropdown"从<a>（如果它仍然存在）中删除

$(function() {
  $('.dropdown-toggle').click(function(e) {
    e.preventDefault();
    $(this).parent().toggleClass('open');
  });
});
于 2016-01-29T01:09:06.093 回答
-1

将 href="#" 替换为 href="javascript:void(0);"

于 2013-07-15T09:40:05.847 回答
-1

使用 bootstrap-dropdown.js ，您不需要编写任何额外的 js 来切换下拉菜单。

于 2013-07-15T09:44:15.990 回答