html5 Sortable.js 拖拽排序源码分析 - qq281113270(6)_H5之家

> > 3 <head> content=/> 5 <title>无标题文档</title> 6 </head> rel=type=/> ></script> 9 <body> style=> =style=> >List A</div> => 14 <li>бегемот</li> 15 <li>корм</li> 16 <li>антон</li> 17 <li>сало</li> 18 <li>железосталь</li> 19 <li>валик</li> 20 <li>кровать</li> 21 <li>краб</li> 22 </ul> 23 </div> <div data-force==style=> >List B</div> => 31 <li>казнить</li> 32 <li>,</li> 33 <li>нельзя</li 34 ><li>помиловать</li> 35 </ul> 36 </div> 37 </div> 38 39 <script> ), { 42 group: { , 44 pull: true, 45 put: true 46 }, onAdd: function (evt){ console.log(, [evt.item, evt.from]); 50 }, console.log(, [evt.item, evt.from]); 53 }, console.log(, [evt.item, evt.from]); 56 }, console.log(, [evt.item, evt.from]); 59 }, console.log(, [evt.item, evt.from]); 62 }, console.log(, [evt.item, evt.from]); 65 } 66 }); Sortable.create(document.getElementById(), { 70 group: { , 72 pull: false, 73 put: true 74 }, onAdd: function (evt){ console.log(, [evt.item, evt.from]); 78 }, console.log(, [evt.item, evt.from]); 81 }, console.log(, [evt.item, evt.from]); 84 }, console.log(, [evt.item, evt.from]); 87 }, console.log(, [evt.item, evt.from]); 90 }, console.log(, [evt.item, evt.from]); 93 } 94 }); 95 96 </script> 97 </body> 98 </html>

当然也支持克隆从a列表可克隆dom节点拖拽添加到b俩表只要把参数 pull: 'clone', 这样就可以了 dome