javascript - 无法禁用 twitter bootstrap 下拉项

标签 javascript jquery css twitter-bootstrap dropdown

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我正在尝试进行高级搜索以过滤我正在寻找的内容。因此,我正在使用 Bootstrap 下拉菜单来选择我的过滤器,并且我想根据某些条件禁用某些下拉菜单项。但我已经尝试了一些方法,但我无法弄清楚为什么它不起作用。

        <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/

最佳答案

你需要把类(class)加到父亲'li'

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

关于javascript - 无法禁用 twitter bootstrap 下拉项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35071404/

上一篇:android - CSS div 覆盖标签在桌面版 Chrome 中运行良好,但在 Android 版 Chrome 中运行不佳

下一篇:html - 如何将 Bootstrap 容器类中保存的选项卡内容与全宽导航选项卡 li 元素对齐

相关文章:

javascript - Django 和 JavaScript : dependent dropdown not working

css - Protractor E2E : Failed, 使用定位器未找到元素:按(css 选择器)

javascript - 为什么我的 JS 对象最终有 "undefined"值?

javascript - 使用 Mocha、Karma 在 React 单元测试中测试 window.location.href

javascript - 如何使用 AJAX 将 JavaScript 数组发送到 PHP?

Javascript 导航悬停效果

javascript - 在我的网站的所有浏览器检查工具上禁用调试 XHR 请求

javascript - 过滤数据属性 jQuery

html - 在 'input' 元素之前或之后生成 CSS 内容

html - 如何正确对齐文本和图像?