2022 年 3月 15 日随笔档案 - sky-su - 博客园

2022年3月15日

摘要： 1 const sortable = new Sortable(el, { 2 // group: 'name' 用来设置不同列表之间可以拖拉 3 group: { 4 name: '...', 5 pull: [true, false, 'clone', array], 6 put: [true, 阅读全文

posted @ 2022-03-15 17:51 sky-su 阅读(74) 评论(0) 推荐(0)

7. 交换排序的阈值(swapThreshold)

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 12:05 sky-su 阅读(185) 评论(0) 推荐(0)

6. 限制列表中某个元素不孕拖动排序

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:59 sky-su 阅读(44) 评论(0) 推荐(0)

5. 指定某个元素才能拖拽

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:55 sky-su 阅读(48) 评论(0) 推荐(0)

4. 单向拖拽和排序(put,sort)

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:49 sky-su 阅读(114) 评论(0) 推荐(0)

3.克隆A列表中的子项到B列表中

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:38 sky-su 阅读(30) 评论(0) 推荐(0)

2.两个列表互相交换位置

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:36 sky-su 阅读(107) 评论(0) 推荐(0)

摘要： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <met 阅读全文

posted @ 2022-03-15 11:20 sky-su 阅读(60) 评论(0) 推荐(0)