jquery - 如何禁用 Bootstrap 的 Button 下拉菜单

Question

链接在这里：引导按钮下拉菜单

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

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

Answer 2

是的，你可以这样做：

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

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

或者您可以尝试删除 attrdata-toggle

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

Answer 3

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

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

http://getbootstrap.com/2.3.2/base-css.html#buttons 禁用状态