html5 Sortable.js 拖拽排序源码分析 - qq281113270(7)_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> => 30 <li>казнить</li> 31 <li>,</li> 32 <li>нельзя</li 33 ><li>помиловать</li> 34 </ul> 35 </div> 36 </div> 37 38 <script> ), { 41 group: { , , 44 put: true 45 }, onAdd: function (evt){ console.log(, [evt.item, evt.from]); 49 }, console.log(, [evt.item, evt.from]); 52 }, console.log(, [evt.item, evt.from]); 55 }, console.log(, [evt.item, evt.from]); 58 }, console.log(, [evt.item, evt.from]); 61 }, console.log(, [evt.item, evt.from]); 64 } 65 }); Sortable.create(document.getElementById(), { 69 group: { , 71 pull: false, 72 put: true 73 }, onAdd: function (evt){ console.log(, [evt.item, evt.from]); 77 }, console.log(, [evt.item, evt.from]); 80 }, console.log(, [evt.item, evt.from]); 83 }, console.log(, [evt.item, evt.from]); 86 }, console.log(, [evt.item, evt.from]); 89 }, console.log(, [evt.item, evt.from]); 92 } 93 }); 94 </script> 95 </body> 96 </html>