jquery 可排序插件 "sliding effect"？

Question

jQueryUI 有一个不错的插件，可排序:http://jqueryui.com/demos/sortable/我对该插件非常满意，但我只缺少一件事。也就是说，我不想让改变位置的元素弹出/跳转到新位置，而是希望它们“滑动”到新位置。换句话说，让它更流畅一点。

我已经在网上搜索了三天，但没有找到一个插件可以做到这一点(!？!？)。我的意思是，拜托，一定有一个，对吗？

我也尝试自己修改代码，并且我让它可以工作(通过克隆元素，将克隆滑动到新位置，然后删除克隆。同时我隐藏原始元素并在删除克隆后取消隐藏)。但它效果不太好，我想一定有更好的!

所以我真的请求帮助。修改帮助，或者如果您见过执行此操作的插件，请(:

Answer 1

如果你看sortable demo with placehoder并使用以下代码初始化可排序，您将在占位符中看到滑动操作

$(function() {
  $("#sortable").sortable({
    placeholder: 'ui-state-highlight',
    start: function (e,ui){        // new lines to
      $(ui.placeholder).slideUp(); // remove popping
    },                             // effect on start
    change: function (e,ui){
      $(ui.placeholder).hide().slideDown();
    }
  });
  $("#sortable").disableSelection();
});

您可以将 ui-state-highlight 类更改为您想要的任何样式，您可以使用 css-property 可见性使其不可见并将其设置为隐藏

我在jsbin.com中做了基本的例子这样你就可以看到它是什么样的

编辑:example当您开始排序

时，弹出效果被删除