javascript - 关于 jquery.off 和下拉菜单

Question

我正在使用 bootstrap-dropdown 生成一个下拉菜单。
我想通过使用 jQuery.off 来禁用一些默认行为。

1）如何禁用特定元素而不是所有元素的下拉菜单消失？
2）如何禁用菜单在特定元素而不是所有元素上的出现？

通过使用以下代码，我达到了我的目标，我想将此行为应用于特定元素而不是所有文档。

$('html').off('click.dropdown'); // it disable the disappear of Dropdown menu.
$('body').off('click.dropdown'); // it disable  the appearing of Dropdown menu. 
// Why this differance?

.​​​​​</p>

这是测试代码的jsfiddle链接。感谢@merv 制作了 jsfiddle。

Answer 1

您只能使用该off()方法禁用对已具有绑定的特定元素的绑定。在指出时$('html').off()，我只是想证明自动关闭下拉菜单的唯一绑定附加在那里。

否则，您可以向下拉菜单中的元素添加新绑定，以阻止点击事件冒泡到html元素：

$('.dropdown-menu').on('click.dropdown', function(e) {e.stopPropagation()})​​​​​

JSFiddle

Answer 2

$(".disabled-link").click(function(event) {
  event.preventDefault();
});​

将“禁用链接”类添加到您不想工作的任何下拉列表中