javascript - 单击时动态禁用/启用 Bootstrap 下拉菜单中的链接

标签 javascript jquery html css twitter-bootstrap

我知道 bootstrap 允许用户通过添加 class="disabled" 来禁用其下拉菜单组件中的链接。进入相应的<li>标签。

我想做的是编写一些 javascript,以便当用户选择下拉菜单并单击其中的链接时,该链接将被禁用。选择有效链接或用户在下拉框外单击时,下拉菜单的性质是立即关闭。因此,当用户在任何后续访问中打开菜单时,他或她应该会看到他们之前选择的所有元素都显示为已禁用。

我已经尝试使用此链接中发布的解决方案:disable a hyperlink using jQuery ,但他们都不适合我。

最佳答案

以这种修改形式使用 Nagra 的上述 javascript 解决方案:$('#my_link').click(function(){$(this).addClass('disabled');});我可以添加 disabled每个 <li> 的类每当用户点击 <a> 时的元素嵌入在 <li> 中 parent 。

谢谢。

关于javascript - 单击时动态禁用/启用 Bootstrap 下拉菜单中的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25194584/

相关文章:

javascript - 循环访问对象内的多个值

javascript - NG-repeat on 指令创建重复的 DOM 元素

javascript 函数调用不工作

javascript - 使用jquery从json更改img src

javascript - Rails - 资源加载不正确

HTML5 主要元素与 ARIA 地标角色 ="main"

javascript - 如何更改子节点中的值

javascript - 比较样式属性顺序无关的两个 HTML 元素

javascript - 文本对齐 : center not working on dynamic inline-block <h1> tag

javascript - 在 Canvas 上绘制一个区域