如何禁用引导按钮下拉菜单答案

【问题标题】：How to disable Bootstrap's Button dropdown如何禁用引导按钮下拉菜单
【发布时间】：2013-03-29 05:39:51
【问题描述】：

我想禁用此按钮下拉菜单，我将disabled 类添加到<a> 但仍然可以通过单击下拉按钮打开下拉菜单。有什么想法吗？

【问题讨论】：

如果您可以发布一些相应的代码。

【解决方案1】：

将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="#">

【讨论】：

非常感谢您指出这一点，我改用
注意这只会使按钮 LOOK 被禁用（无论使用 A 或 BUTTON 标签），JS 功能在包括 IE11 和 Chrome 在内的许多浏览器上保持启用，请参阅BS3 Docs
我要补充一点：如果您使用其他一些内部元素，例如图标，请记住禁用它们，否则下拉菜单仍会显示。

【解决方案2】：

是的，你可以这样做：

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

只有当它获得这个属性时才有效：data-toggle="dropdown"，您可以将dropdown更改为''空白。

或者你可以尝试删除data-toggle的attr

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

【讨论】：

【解决方案3】：

您需要做的就是设置按钮的禁用属性。

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

http://getbootstrap.com/2.3.2/base-css.html#buttons Disabled state

【讨论】：