在mouseleave之后的FadeOut然后单击jQuery

Question

我有一些DIV通过单击另一个DIV触发器元素淡入。我不能想出一个脚本：

• 鼠标离开后点击外面 - 淡出 DIV

感谢您的任何建议。

Answer 1

如果我理解正确，这就是你想要的：

$(document).ready(function(){

  var button = $("#div1");
  var container = $("#div2");    

  button.on('click', function(){

       container.fadeIn();

  });      

  $(document).mouseup(function (e){

        // check if click target is element or one of its children
        if (!container.is(e.target) && container.find(e.target).length == 0){

            container.fadeOut();

        }
  });

});

这是小提琴：http://jsfiddle.net/neQuK/