当我点击外面时如何让这个弹出框消失？

Question

http://jsfiddle.net/mnbayazit/by3zy/2/

当我点击背景上的某个地方时,我希望弹出窗口消失.问题是,当我点击[X]或弹出窗口时它会消失.

想象一下,如果这样可以使我的意图更清晰,那么它就是一个日历选择器.

我怎么能这样做呢？

Answer 1

1. click为正文设置处理程序以删除弹出窗口.

2. click为弹出窗口本身设置一个调用stopPropagation()事件的处理程序,以防止它冒泡到正文.

大致:

function showMyPopup(){
  ...
  $(myPopupDiv).click(function(e){
    e.stopPropagation();
  });
}
function closeMyPopup(){
  ...
}
$(document.body).click(closeMyPopup);