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做了一个基本的例子,所以你可以看到它的样子
