javascript - 下拉切换在事件处理程序中不起作用

Question

我正在使用 twitter bootstrap 创建一个基本的下拉菜单。当我单击打开下拉菜单的按钮时，一切正常。

问题是，当我尝试通过单击页面上的其他元素来切换下拉菜单时(我需要此功能)

$(document).on("click", ".drop-toggle", function(e) {
    console.log("working");
    $(".btn-group").toggleClass("open");
});

我可以看到控制台消息，但没有任何反应。

当我简单地打电话时

$(".btn-group").toggleClass("open");

它可以工作，但在事件处理程序中不起作用。有什么想法吗？

http://jsfiddle.net/P2RnW/

Answer 1

您需要停止事件传播。

$(document).on("click", ".drop-toggle", function(e) {
    e.stopPropagation();
    $(".dropdown-menu").dropdown("toggle");
});

更新的 fiddle :http://jsfiddle.net/P2RnW/1/