jQuery可排序。使用动画单击排序

我有一个可排序的列表，通过单击一个特定的按钮，li元素在列表中向上或向下移动。我已经这样做了，但我需要它来上升或下降与动画。我想我的方法对完成这件事来说不是很好

代码如下：

$（函数（）{
$（“#sortablemain”）.sortable({
轴：“y”，
不透明度：1，
滚动速度：0，
卷轴：没错，
灵敏度：1000，
助手：“克隆”，
公差：“指针”，
排序：函数（）{
返回false；
}
}).disableSelection（）.on（“单击“，”.uk-icon-arrows-v”，函数（））{
li=$（此）。最近的（“li”）；
如果（$（this.attr（“id”）=“up”）{
var liPrev=li.prev（）；
如果（liPrev.length！=0）{
var liTMP=$（''）.append（$（li.clone（））.html（）；
li.detach（）；
liPrev.before（liTMP）；
}
}否则{
liNext=li.next（）；
如果（liNext.length！=0）{
var liTMP=$（''）.append（$（li.clone（））.html（）；
li.detach（）；
liNext.after（liTMP）；
}
}
})；

---

您当前使用的是

detach（）

，它在取下元素时不会添加动画。您当然可以使用和来切换元素的可见性

或者你可以只做

slideup（200）.detach（）

，你就会有一个动画

---

如果您想自定义转换，尽管您可以选择像这样的库，但它重写了在jquery中如何完成转换。

使用css完成。向所有选项卡添加了转换规则，并在取消附加和追加之前单击以移动它们

li.css("transform","translate3d(0,-310px,0)");
liPrev.css("transform","translate3d(0,310px,0)");

及

---

你能把html放进去吗？或者用小提琴复制…@JurijJazdanov

fadeIn（）

，

fadeOut（）

？我需要稍微改变一下位置，fade不是解决办法

li.css("transform","translate3d(0,310px,0)");
liNext.css("transform","translate3d(0,-310px,0)");