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

Question

我知道引导程序使用户只需在相应的<li>标记中添加class="disabled"即可禁用其下拉菜单组件中的链接。

我想做的是编写一些JavaScript，这样当用户选择下拉菜单并单击其中的链接时，该链接将被禁用。 当选择有效链接或用户在下拉框外单击时，下拉菜单具有立即关闭的性质。 因此，当用户在任何后续访问中打开菜单时，他或她应看到其所有先前选择的项目显示为已禁用。

我已经尝试使用此链接中发布的解决方案： 使用jQuery禁用超链接 ，但是没有一个对我有用。

Answer 1

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

谢谢。