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

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();
});

这可以阻止click事件冒泡到document，但不会像return false;那样杀死其中的事件。在这种情况下您需要做的只是阻止default bubbling behavior，这只 ：）