如何禁用Bootstrap Button下拉列表

时间:2013-03-29 05:39:52

标签: jquery twitter-bootstrap

此处链接:bootstrap button dropdowns

我想要停用此按钮下拉列表,我将disabled课程添加到<a>,但仍可通过点击下拉按钮打开下拉列表。有什么想法吗?

3 个答案:

答案 0 :(得分:40)

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>

通过bootstraps网站进行编辑时有效。我注意到他们没有像他们的例子一样使用锚。

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

答案 1 :(得分:12)

是的,你可以这样做:

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

仅当获取此属性时才有效:data-toggle="dropdown",您可以将dropdown更改为''空白。

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

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

答案 2 :(得分:6)

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

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

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