jquery可排序插件“滑动效果”？

jQueryUI有一个漂亮的插件,可排序： http://jqueryui.com/demos/sortable/
我很高兴与该插件,但我只是缺少一件事.而不是让更改位置的元素跳到新的位置,我希望他们“滑动”到新的位置.换句话说,让它更流畅一点.

我已经搜索了’net’三天了,没有找到一个这样的插件(！？！??).我的意思是来,必须有一个,对吧？

我也试图修改一下我的代码,我得到它的工作(通过克隆元素,将克隆滑动到新的位置,然后删除克隆,同时我隐藏原始元素并在删除克隆后取消隐藏).但是它不行得很好,我认为在某个地方必须有更好的一个！

所以我真的在寻求帮助.修改帮助,或者如果您看到一个插件,请(((

解决方法

如果您查看 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属性可见性使其隐藏,并将其设置为隐藏

我在jsbin.com做了一个基本的例子,所以你可以看到它的样子

编辑：example当您开始排序时,弹出效果被删除

原文地址：https://www.jb51.cc/jquery/176205.html