JQuery .animate продолжает срабатывать без щелчка

Question

JQuery .animate продолжает срабатывать без щелчка

0

Этот код должен ждать, пока пользователь не нажмет на что-то другое, кроме 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);
 });



 });

eric2872 14 апр. 2014, в 23:48

Источник

Теги:

jquery

html

css

1 ответ

Ещё вопросы

kei · Accepted Answer · 2014-04-14T20-03-00.000Z

Ваша потребность .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();
});

Хорошо, это работает, но теперь, когда я нажимаю на (div id = s), оно все равно закрывается, как получается $ ("div: not (#s)"). Click (function () не работает