动画 jQuery UI 可拖动元素回到起始位置答案

【问题标题】：Animation jQuery UI draggable element back to starting position动画 jQuery UI 可拖动元素回到起始位置
【发布时间】：2012-07-27 08:39:41
【问题描述】：

我有一个元素，比如说一个 div，我希望能够拖放到另一个 div 中。如果元素没有被拖到另一个 div 中，我希望它动画回到它的初始位置。可拖动的 div 是相对定位的。所以，我的问题是最好的方法是什么？ jQuery UI 中是否有一种方法可以让它返回动画？还是我必须写？如果我这样做，这是我的策略：

使用$('#draggableElement').css('left')和$('#draggableElement').css('top')在开始拖动时获取可拖动div的坐标
拖动完成后，使用 jQuery .animate 将其放回原位。

这个策略正确吗？还是我可以做一些更有效的事情？

【问题讨论】：

jqueryui.com/demos/droppable/#revert
你可以尝试使用 webkit 来解决这些问题，但上面的评论回答了你的问题！
谢谢瑞恩，我可以发誓上周我检查的时候不在那里！

标签： javascript jquery html css jquery-ui

【解决方案1】：

看看this

也许是 jquery ui draggable options 的助手 -> 助手。

我认为这应该对您有所帮助。如果不是，请说明您的问题。

【讨论】：

助手是被拖动的对象。这意味着您可以修改跟随鼠标的 html 元素。查看jqueryui.com/demos/draggable/#visual-feedback 了解不同的助手样式。

【解决方案2】：

你需要设置revert: 'invalid'

示例：

$( "#draggablediv" ).draggable({helper : "clone", revert: "invalid" });

helper:clone 在您尝试拖动它时会创建一个克隆，当您不将其放在该区域时，revert: "invalid" 会将克隆返回到他的起始位置。

如果您希望可拖动对象返回其位置，请使用 revert: "true"

请看http://api.jqueryui.com/draggable/#option-revert

【讨论】：