Jquery 如何禁用引导'；s按钮下拉列表

链接此处：

---

我想禁用此按钮下拉列表，我在

中添加了

disabled

类，但仍可以通过单击下拉按钮打开下拉列表。有什么想法吗？

将

禁用的
类添加到按钮

<div class="btn-group">
    <button class="btn btn-primary dropdown-toggle disabled" data-toggle="dropdown">Action <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">Action</a></li>
      <li><a href="#">Another action</a></li>
      <li><a href="#">Something else here</a></li>
      <li class="divider"></li>
      <li><a href="#">Separated link</a></li>
    </ul>
</div>


行动








这在通过引导站点编辑时有效。我注意到他们没有像他们的例子那样使用锚

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">

是的，您可以这样做：

$('.dropdown-toggle').data('toggle', '');

这仅在它获得以下属性时有效：
data toggle=“dropdown”
，您可以将
下拉列表更改为
'
空白

或者您可以尝试删除
数据切换的属性

$('.dropdown-toggle').removeAttr('data-toggle');

您只需设置按钮的disabled属性

$('.dropdown-toggle').prop('disabled', true);

如果您可以发布一些相应的代码。非常感谢您指出这一点，我改为使用，并且它可以工作，我认为这可能是Bootstrap的文档中的一个错误。请注意，这只会使按钮看起来被禁用（无论使用a或按钮标记），JS功能在许多浏览器上保持启用状态，包括IE11和Chrome，请看，我要补充：如果您正在使用其他一些内部元素，如图标，请记住禁用这两个元素，否则下拉菜单仍将显示。