當單擊文檔時隱藏文檔，除非單擊文檔時

Question

我想在單擊文檔時隱藏div，但當用戶點擊文檔或單擊其中的鏈接或按鈕時，我不想隱藏該div。此外，我有一些鏈接裏面的div集，以防止點擊操作（返回false;）併發送ajax請求。

我想：

$(document).click(function(e) { 
     $('#bubble').hide(); 
}); 

$('#bubble').click(function(e) { 
    return false; 
}); 

它工作正常，但#bubble下的鏈接和按鈕不起作用。

Answer 1

代替return false;使用event.stopPropagation()這樣的：

$('#bubble').click(function(e) { 
    e.stopPropagation(); 
}); 

這從像你想向上冒泡到document停止click事件，但不會殺死的事件在它的軌道像return false;會死。所有你需要做的這種情況是防止default bubbling behavior，這是只有 :) :)