第一次返回false後不要調用第二次點擊事件

Question

我遇到了彈出式菜單的問題。我基本上有2個點擊事件，一個是打開一個菜單，如果點擊某個按鈕而另一個點擊事件在document上，則返回false，如果有人點擊頁面上的任何地方但菜單，則意味着關閉菜單。

在下面的示例中，我不希望在控制檯中看到click on document，但我確實如此。我究竟做錯了什麼？

$('#content .addOptions').live("click",function(){ 
    console.log("click on addoptions") 

    return false; 
}); 


$(document).click(function() { 
    console.log("click on document") 

}); 

Answer 1

您需要防止點擊事件冒泡達到文檔級別，因爲您確實在菜單和包含它的文檔上單擊。所以這樣做：

$('#content .addOptions').on("click",function(e){ 
    e.stopPropagation(); 
    console.log("click on addoptions") 

    return false; 
}); 

還要注意改變使用on方法，而不是live。