Нет, немного не то. Расскажу, что мне нужно в итоге получить.
Я пишу игру на javascript. Смысл игры заключается в переносе мышкой объектов, которые постоянно появляются в окне в одной точке и разлетаются в разные стороны, в фиксированное место.
Drag and Drop реализован с помощью Jquery UI.
Собственно, текущая проблема состоит в том, что сообщение о том, что объект достиг границы экрана будет выдано в любом случае после прекращения анимации, а мне надо, что анимация после перемещения объекта в коллектор просто сбросилась и не выдала сообщение о проигрыше.
Вот набросок кода.
$(".drop").droppable({
accept: ".baby",
over: function(ev, ui) {
/*$(".baby").hide(); */
/*$(".baby").remove();*/
},
out: function(ev, ui) {
$(this).append("Out! ");
}
});
var deltime = setInterval(function() {
$("<div class=baby><img src=baby2.gif></div>").appendTo("body");
$(".baby").draggable();
$(".baby").animate({
left: $(document).width()-$(".baby").width()}, 2000, function(){
alert("Вы проиграли!");
});
$(".baby").mousedown(function(){
$(this).stop();
});
},1000);