Sortable 拖拽插件使用文档

最新推荐文章于 2024-08-28 08:52:09 发布

shl999

最新推荐文章于 2024-08-28 08:52:09 发布

阅读量8.8k

点赞数 1

分类专栏：插件文章标签：插件

本文链接：https://blog.csdn.net/u014665035/article/details/52370240

版权

本文档介绍了 jQuery UI 中的 Sortable 插件，用于实现元素的拖拽排序功能。注意事项包括使用 connectWith 进行多列表连接，并确保正确的拖拽方向。文中还列举了其他拖拽插件，如 Draggabilly、Gridly、HTML5 Sortable、multisortable 和 dropzone.js，分别提供了不同特性和应用场景。

摘要由CSDN通过智能技术生成

插件网址：http://www.runoob.com/jqueryui/api-sortable.html
此插件是让被选元素通过鼠标拖拽然后进行排序。
// 我排版渣—
注意事项：
多列表链接时要使用connectWith，双向或者多向链接。
还要考虑下各向链接的方向，逻辑性（谁能拖拽过去，谁拖拽不过去）。
如果要拖拽多个元素，可以使用appendTo，把他追加到一块。

$(".connectedSortable").sortable({
start: function (e, info) {      info.item.siblings(".selected").appendTo(info.item);
 },
stop: function (e, info) {  //停止事件
    info