Я не знаю, понял ли я очень ясно, в любом случае я думаю, что это любопытная перспектива, если вы хотите анимировать и делать то же самое, если мы перетянули слой в слой, который можно сбрасывать.
Полагаю, вы могли бы сделать это так:
http://www.jsfiddle.net/dactivo/QLTUS/
Вы используете animate (), чтобы переместить слой к объекту сброса, а затем в полной функции вы имитируете то, что обычно происходит в действии отбрасывания, то есть меняете класс, и там вы можете включить все, что угодно. *
Я имею в виду, что не важно событие сброса, а то, что вы выполняете в событии сброса, которое может быть включено в ваше полное событие анимации. Я инкапсулировал это в функцию под названием layerDrop ().
$ (function () {
$ ("#draggable") .draggable ();
$ ("#droppable") .droppable ({
drop: function (event, ui) {
layerDrop ();
}
});
$("#btnMove").click(function()
{
$("#draggable").animate({"left": $( "#droppable" ).offset().left ,"top": $( "#droppable" ).offset().top},
{
duration: 1000, specialEasing: { width: 'linear' },
complete:function()
{
$("#message").html("Completed!");
layerDrop();
//whatever
}
}
);
});
function layerDrop(){
$( "#droppable")
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});