轻量级替代jQuery UI的sortable()?

tbe*_*eda 33 javascript jquery jquery-ui jquery-ui-sortable

jQuery UI(1.8+)正在形成一个很棒的库,但我发现它通常对我来说太过分了.是否有替代库用于创建具有较小占用空间的可排序列表?
排除占位符和交叉列表排序等功能是可以接受的.

编辑:(
这已成为一个有趣的讨论,感谢所有的回复.)
似乎有一些用户不知道jQuery UI可排序是什么.这不是表格排序,而是列表排列.想想重新订购Netflix队列.请参阅此处的演示:http://jqueryui.com/demos/sortable/

小智 28

在此之前发布的答案令人惊讶地过时了.

Sortable是一个快速,无依赖性的小型可重新排序列表小部件,具有触摸支持,可与HTML5本机拖放API配合使用.您可以将它与Bootstrap,Foundation或任何您想要的CSS库一起使用,并且实例化它只需要一行.

它支持在列表或列表中重新排序.您可以定义只能接收元素的列表,或者可以拖动但不能放置的列表.它也非常积极地维护并且MIT在GitHub上获得许可.

new Sortable(document.getElementsByClassName('sortable')[0]);
Run Code Online (Sandbox Code Playgroud)
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

<!-- Sortable -->
<script src="https://rawgit.com/RubaXa/Sortable/master/Sortable.js"></script>

<ul class="list-group sortable">
  <li class="list-group-item">This is <a href="http://rubaxa.github.io/Sortable/">Sortable</a></li>
  <li class="list-group-item">It works with Bootstrap...</li>
  <li class="list-group-item">...out of the box.</li>
  <li class="list-group-item">It has support for touch devices.</li>
  <li class="list-group-item">Just drag some elements around.</li>
</ul>
Run Code Online (Sandbox Code Playgroud)


mik*_*ana 25

我找到的最小和最简单的代码是HTML5 Sortable.它是一个很小的JQuery插件,适用于各种浏览器,大小只有1.5 KB.

HTML5可排序的演示在这里.

  • 你好.除了jquery ui之外,还有TOUCH设备的轻量级替代品吗? (2认同)
  • @scooterlord:是的:[Rubaxa的可排序](http://stackoverflow.com/a/20941408/1269037). (2认同)