Twitter bootstrap 引导下拉列表（'；切换'；）方法不'；行不通

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

JavaScript-

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

HTML-

如果您能告诉我关于如何使用JavaScript在导航栏中手动启用多个下拉列表的任何示例，那就太好了

---

大量代码位于：

Replace href=“#”with href=“javascript:void（0）；”

Replace href=“#”with href=“javascript:void（0）；”

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

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

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

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

下拉列表（'toggle'）

将无法工作，除非您使用数据属性

---

Bootply:如果不想使用数据属性，只需执行以下操作：

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

下拉列表（'toggle'）

将无法工作，除非您使用数据属性

---

Bootply:您将从

中删除

数据toggle=“dropdown”

（如果它仍然存在）

---

您将从

中删除

数据toggle=“dropdown”

（如果它仍然存在）

---

不起作用。我想在单击主下拉链接（）时切换下拉列表。你是否编写了类似这样的代码？为相同的链接创建fiddle，以便我可以为你执行此操作。尝试此操作，你可以在（）处检查fiddle，我不想使用数据属性，只想通过下拉（“切换”）方法执行此操作。不起作用。我想在单击主下拉链接（）时切换下拉列表。您是否编写了类似这样的代码？为相同的链接创建fiddle，以便我可以为您执行此操作。尝试此操作您可以在（）处检查fiddle，我不想使用数据属性，只想通过下拉（“切换”）方法执行此操作。我不想使用数据属性。我想通过下拉（“切换”）方法手动完成。我不想使用数据属性。我想通过下拉（“切换”）方法手动完成。效果很好！已经为此挣扎了将近一个小时！谢谢！！！！工作起来很有魅力！已经为此挣扎了将近一个小时！谢谢！！！！非常感谢。这在我的情况下奏效了。Pluralsight课程“使用ASP.NET核心MVC构建Web应用程序”在第7节的“添加视图组件”视频中有一个错误，下拉菜单不起作用。将这个添加到_Layout.cshtml（或其他类似的东西）中，它就成功了。谢谢！这在我的情况下奏效了。Pluralsight课程“使用ASP.NET核心MVC构建Web应用程序”在第7节的“添加视图组件”视频中有一个错误，下拉菜单不起作用。将此添加到_Layout.cshtml（或其他类似的地方）中，它就可以工作了。

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

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