UI的可排序列表的动画过渡

时间:2012-10-17 20:08:37

标签: jquery animation user-interface jquery-ui-sortable transition

我正在使用 jQueryUI可排序列表,并希望在向上或向下拖动元素时移动li时动画转换动画。在重新排列播放列表的歌曲时, Apple 已在 iPod应用中完成此操作。

这可能吗?我搜索了几个小时,但找不到任何有用的东西。

2 个答案:

答案 0 :(得分:2)

我已将用户1754406在github上找到的代码放入jsfiddle,这正是我所寻找的:

http://jsfiddle.net/samjones00/AbpJF/

  

Too much code to paste, please see the code on jsfiddle

答案 1 :(得分:1)

您想要的是还原选项。

http://api.jqueryui.com/sortable/#option-revert

jQuery文档写得很好,看起来它们正在使它变得更好。他们的方法也非常强大,并且通常至少会有一些回调事件可以用来执行操作。确保你总是先看看那里!

哦,如果你需要它,你的代码会添加如下选项:

$( "#sortable" ).sortable({
     revert:300,
     //other options you need go here, comma separated
});