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.
| 归档时间: |
|
| 查看次数: |
29174 次 |
| 最近记录: |