不允许在可排序列表中进行排序,只能使用connectWith将它们移动到另一个可排序列表中。
创始人
2025-01-11 13:30:23
0

要实现这个功能,可以使用jQuery UI库中的sortable方法。下面是一个示例代码:

HTML:

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

CSS:

.sortable-list {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

.sortable-item {
  background-color: #f1f1f1;
  padding: 5px;
  margin-bottom: 5px;
}

JavaScript:

$(function() {
  $('.sortable-list').sortable({
    connectWith: '.sortable-list',
    items: '.sortable-item',
    containment: 'document'
  }).disableSelection();
});

在上面的代码中,我们创建了两个可排序列表,每个列表都有一些可拖动的项目。使用sortable方法初始化这些列表,并设置connectWith选项为'.sortable-list',这样可以将项目移动到另一个具有相同类名的列表中。disableSelection方法用于禁用文本选择,以避免拖动项目时选择文本。

相关内容

热门资讯

透视新版!hhpoker开辅助... 透视新版!hhpoker开辅助软件,wepoker祈福有用吗,透明挂教程(从前有挂);hhpoker...
透视黑科技!hhpoker辅助... 透视黑科技!hhpoker辅助器,聚星ai辅助工具下载,扑克教程(原生真的有挂);支持2-10人实时...
透视黑科技!wpk透视脚本,h... 透视黑科技!wpk透视脚本,hhpoker德州有挂吗,2025教程(其实有挂);支持多人共享记分板与...
透视辅助!aapoker透视怎... 大家肯定在之前aapoker透视怎么用或者aapoker透视怎么用中玩过透视辅助!aapoker透视...
透视规律!德普之星透视辅助插件... WePoker透视辅助工具核心要点解析‌,透视规律!德普之星透视辅助插件,wepoker插件功能辅助...
透视透视挂!智星菠萝辅助怎么买... 透视透视挂!智星菠萝辅助怎么买,佛手在线有挂吗,解密教程(其实真的是有挂)1、完成智星菠萝辅助怎么买...
透视科技!wepoker透视脚... WePoker透视辅助版本解析‌,透视科技!wepoker透视脚本免费下载,德扑圈透视,可靠技巧(固...
透视代打!wpk透视辅助方法,... 透视代打!wpk透视辅助方法,智星菠萝可以辅助吗,技巧教程(原先是有挂);(需添加指定Q群10672...
透视ai代打!hhpoker辅... 透视ai代打!hhpoker辅助软件,poker红龙辅助,wpk教程(本然真的有挂);hhpoker...
透视软件!德普之星透视辅助软件... 透视软件!德普之星透视辅助软件,hhpoker辅助挂下载,德州论坛(先前有挂)是一款可以让一直输的玩...