jQuery可排序动画？答案

【问题标题】：jQuery sortable animation?jQuery可排序动画？
【发布时间】：2011-06-17 07:30:44
【问题描述】：

我正在构建一个小型 CMS 并首次使用可排序功能。非常有趣和灵活。我只有一个问题：一切都很好，就像我想要的那样，除了拖动时的动画。

如果我不尝试在任何排序事件中使用动画，那很好，并且图块可以很好地捕捉到点，但我真的很想对此进行动画处理（很像 iPhone 图标重新排列）。我知道这与 ui.placeholder 和 ui.helper 元素以及更改/排序/等事件之一有关，但我似乎无法让它正常工作。

这就是我所在的位置，它的工作原理是，一旦我移动到一个新位置，腾出的空间就会消失（而不是捕捉），但我似乎无法同时为新空间设置动画以显示并且我的网格基本上崩溃了一格。

更新：

这是我的基本 html 列表布局和目前我能做到的最好的行为：

-> jQuery sortable grid

我唯一想要的是让未选择的块动画到它们的新位置，而不是捕捉。这很奇怪，因为作者认识到您正在拖动的项目需要此选项（初始化中的恢复速度选项），而不是其余的。我尝试在 ui.helper/ui.placeholder 元素上使用多种显示/隐藏动画组合，并取得了不同程度的成功。我的问题不是真正了解这些对象的时间和位置，因此到目前为止动画充其量是狡猾的。

【问题讨论】：

如果您发布原始 html/js 示例而不是其中包含服务器端代码的内容，您将获得更多帮助，这对于任何想要在 jsfiddle 上拼凑起来的人都不起作用。网
我觉得这非常简单且极简，但我将把它重构为一个简单的小提琴，只关注行为。
无法回答问题或无法阅读的人应避免批评帖子（不是 Nathan，而是第一个删除他的评论者以及在我发布代码后升级 Nathan 评论的人）。跨度>
jQuery Sortable with animation的可能重复

标签： jquery jquery-ui-sortable jquery-animate

【解决方案1】：

派对迟到了，但我刚刚完成了一个实现，该实现涉及在用户拖动当前未拖动的可排序对象时对其进行动画处理。我发现关于这个主题的帮助很少，所以我想我会找到一个解决方案。

您可以在这里查看：

jQuery Sortable with animation

【讨论】：

这本身并不能回答问题。它只是指向另一个问题的链接。如果您已投票决定将问题作为重复问题关闭，它将自动充当另一个问题的标志。
不错！（而且很简单）

【解决方案2】：

如果.sortable() 与相对定位一起使用，尤其是与 css 给出的浮点数一起使用，这里的问题通常是可能的。

通过分离
jQuery 拖动动画 和 CSS3 过渡 可以通过并行化动画实现的其他解决方案，因为这无论如何都是在相同的技术中实现的.. . 排除定位。

但是你需要制作单独的脚本来设置元素值的初始绝对位置，它可以是 JavaScript、初始 css 或 jQuery .css()

//and sure recompose css
//by add
position:absolute  

//and remove
float:left

祝你好运！ :)

【讨论】：