jquery - jQuery在（）和之前（）之后动画

Question

我正在使用来自Github的 Table Drag n Sort 插件

＆这是该插件的工作小提琴

该插件通过在拖动后检测鼠标光标位置对表格进行排序。

因此，如果您向上拖动 => 它会将选定的 tr 移动到目标 div之前

& 如果你向下拖动 => 它在目标 div之后移动选定的 tr

插件看起来像这样..

// ...... //

    if (mouseY > lastY) {
        $(this).after($tr);
    } else {
        $(this).before($tr);
    }

// ...... //

我的问题是如何为 after() 和 before() 分配动画，以便排序看起来很流畅。目前它只是立即附加 div 。

任何帮助将不胜感激 ！

Answer 1

您可以设置元素position: absolute，<tr>然后动画位置更改，最后插入$tr到 DOM 中的新位置并删除position: absolute。

但是你需要计算正确的位置。

更简单的选择是：动画隐藏$tr，插入 DOM 并显示他。