jQuery to Animate after（）＆amp;之前（）

Question

我正在使用来自Github

的表格拖动排序插件

＆安培;这是该插件的工作Fiddle

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

所以，如果你拖动Up =＆gt;它会在目标div

之前移动选定的tr

＆安培;如果你拖下来=＆gt;它在目标div

之后移动选定的tr

插件看起来像这样..

// ...... //

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

// ...... //

我的问题是如何在（）＆amp;之后为此分配动画？ before（）以便排序看起来很流畅。目前它只是立即附加div。

任何帮助将不胜感激！

Answer 1

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

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

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