jQuery弹出/隐藏框

Question

这是我到目前为止的地方： http://jsbin.com/ujuqa3/4

到目前为止，我决定将变量设置为false，并在.share-box打开时设置为true。打开后，我希望用户能够点击任何地方（框除外）来关闭它。

现在它第一次运作，但在此之后的任何时候，由于某种原因它都会混乱。

    $(document).ready(function() {

        // user clicks on report this button
       $(".shareThis").click(function() {

        // confirmation fades in
        $(".share-box").fadeIn("fast"),

                // Prevent events from getting pass .share-box
                $(".share-box").click(function(e){
                  e.stopPropagation();
                });
       });

      $(document.body).click(function () {
                $("body").click(function(){
                    // hide the share-box if clicked anywhere aside from the box itself
                  $(".share-box").fadeOut().removeClass("active");
                });
  });
     });

Answer 1

添加返回false;

  // user clicks on report this button
   $(".shareThis").click(function() {

  // confirmation fades in
      $(".share-box").fadeIn(),

      // Prevent events from getting pass .share-box
      $(".share-box").click(function(e){
        e.stopPropagation();
      });

 return false;
   });

当$（'。shareThis'）点击发生时，它也会触发$（document.body）.click

Answer 2

在

构建演示

http://jsbin.com/uyizi4/4