jQuery .animate在没有点击的情况下保持触发

Question

此代码应该等到用户点击div id =“s”以外的其他内容然后返回到它的位置，但是当我点击时它会立即触发。我希望它保持开放！

以下是代码和jsfiddle：http://jsfiddle.net/hBb9L/

 $("#e").click(function() {
  //done
$("#re").animate({
  "margin-top": "104px"
}, 800);
$("#ret").animate({
  "margin-top": "104px"
}, 800);
$(".popu").animate({
     "margin-top": "-102px"
 }, 800);
 $("#s").show(200);

$("div:not(#s)").click(function() {
$("#re").animate({
  "margin-top": "0px"
}, 800);
$("#ret").animate({
  "margin-top": "0px"
}, 800);
$(".popu").animate({
     "margin-top": "0px"
 }, 800);
 $("#s").hide(200);
 });



 });

Answer 1

您的需求.stopPropagation()

DEMO

$("#e").click(function (e) {
        //done
        $("#re").animate({
            "margin-top": "104px"
        }, 800);
        $("#ret").animate({
            "margin-top": "104px"
        }, 800);
        $(".popu").animate({
            "margin-top": "-102px"
        }, 800);
        $("#s").show(200);
        e.stopPropagation();
});