禁用下拉按钮中的值答案

【问题标题】：Disable values in dropdown button禁用下拉按钮中的值
【发布时间】：2018-01-24 11:30:13
【问题描述】：

我在下拉列表中有一些值，但我想禁用其中的一些。

Here 我找到了一个解决方案，比如如果我们将禁用样式添加到<a>，它将被禁用。我对下拉元素 B 进行了同样的尝试，但没有成功。

如果我在某个地方出错了，请帮忙。

请参考以下代码sn-p，

<div class="dropdown">
   <button class="fa fa-plus plusIcon dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    </button>
    <div class="dropdown-menu pull-right">
        <span class=" fa fa-cube dropdown-header"> Dropdown Values </span>
        <span class="divider"></span>
        <a class="dropdown-item">A</a>
        <a class="dropdown-item disabled">B</a>
        <a class="dropdown-item">C</a>
    </div>
</div>

【问题讨论】：

标签： html angularjs drop-down-menu angular-ui-bootstrap dropdown

【解决方案1】：

尝试使用列表项。为我工作

<ul class="dropdown-menu pull-right">
      <li><a href="#">Normal</a></li>
      <li class="dfgdfgdf disabled"><a href="#">Disabled</a></li>
      <li class="active"><a href="#">Active</a></li>
      <li><a href="#">Normal</a></li>
</ul>

【讨论】：

【解决方案2】：

检查您的 lib js 和 css 参考
只需添加href="#"

一切正常。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="dropdown">
   <button class="fa fa-plus plusIcon dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">dropdown
    </button>
    <div class="dropdown-menu pull-right">
        <span class=" fa fa-cube dropdown-header"> Dropdown Values </span>
        <span class="divider"></span>
        <a class="dropdown-item" href="#">A</a>
        <a class="dropdown-item disabled" href="#">B</a>
        <a class="dropdown-item" href="#">C</a>
    </div>
</div>

【讨论】：