当单击文档时隐藏文档，除非单击文档时

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，这是只有 :) :)