单击文档时隐藏,除非单击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;.所有你需要在这种情况下,做的是防止默认的冒泡行为,但这仅是:)