无法禁用 twitter bootstrap 下拉项

Question

我正在尝试进行高级搜索以过滤我要查找的内容。因此，我使用 bootstrap 下拉菜单到 select 我的过滤器，我想根据某些条件禁用某些下拉项目。但是我已经尝试了一些方法，但我无法弄清楚为什么它不起作用。

        <ul class="dropdown-menu" role="menu">
          <li><a class="enabled" id="filter_a">Search by A</a></li>
          <li><a class="enabled" id="filter_b">Search by B</a></li>
          <li><a class="enabled" id="filter_c">Search by C</a></li>
          <li><a class="enabled" id="filter_d">Search by D</a></li>
        </ul>

因此，为了禁用我拥有 id="filter_a" 的第一项，我尝试了：

在 HTML 代码和下面的命令中设置 class="disabled" 没有成功。

$('#filter_a').addClass('disabled');

现场演示： https://jsfiddle.net/gheleri/mL2btnws/1/

Answer 1

您需要将 class 添加到父亲 'li'

$('#filter_a').parent().addClass('disabled');

无法禁用 twitter bootstrap 下拉项

Can't get disable twitter bootstrap dropdown item

javascript

jquery

css

twitter-bootstrap

dropdown