html5 Sortable.js 拖拽排序源码分析 - qq281113270(5)_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> ), { , onAdd: function (evt){ console.log(, [evt.item, evt.from]); 46 }, 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 } 62 }); Sortable.create(document.getElementById(), { , onAdd: function (evt){ console.log(, [evt.item, evt.from]); 70 }, console.log(, [evt.item, evt.from]); 73 }, console.log(, [evt.item, evt.from]); 76 }, console.log(, [evt.item, evt.from]); 79 }, console.log(, [evt.item, evt.from]); 82 }, console.log(, [evt.item, evt.from]); 85 } 86 }); 87 88 </script> 89 </body> 90 </html>

当然也支持只能从a列表拖拽到b列表 dome