回调以设置jquery ui删除元素的动画

我正在尝试在一个div被jqueryui拖放之后设置它的动画。我正在使用jQuery UI文档（）中的“停止”事件

然而，我真的很难让被丢弃的对象能够为其设置动画。这就是我目前所处的位置，尽管我尝试了一些似乎不起作用的方法：

        $('.item').draggable({
            stop: function (event, ui) {
                $(ui.draggable).animate({ bottom: 0 }, { duration: 1000, easing: 'easeOutBounce' });
            }
        });

这是使用jQuery1.9.0和jQueryUI1.10.0

---

我确信这一定很简单-我就是无法让它工作。

将

ui.draggable

（没有什么）更改为

此

，它将影响拖动的div。请注意，动画可能不会根据您的布局发生，但我可以让它工作：

---

由于拖动表本身会发生变化，因此单独使用

top

，

bottom:0

不起作用。

两个问题，下面是固定的代码：

 $('.item').draggable({
            stop: function (event, ui) {
                $(this).animate({ "top": "0px" }, { duration: 1000, easing: 'easeOutBounce' });
            }
        });

First-ui.draggable实际上没有选择任何内容，而是返回未定义的内容。更改为

此

，以影响拖动的元素

此外，jQuery没有读取CSS属性

bottom

。你必须以某种方式使用

top

来达到你想要的效果。同样地，

left

可以工作，但是

right

不能工作

---

小提琴：

谢谢

这实际上是我尝试的第一件事，但我认为你的其他评论是它不起作用的原因。i、 e.当jQueryUI拖动它使用的东西时，
top
，因此我无法再成功地设置
bottom
的动画。问题是，我需要反弹动画“向下”，所以我需要反弹底部而不是顶部。