<pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas',monospace;font-size:11.3pt;"><<span style="color:#c32867;font-weight:bold;">div </span><span style="color:#a6e22e;">class</span><span style="color:#e6db74;font-weight:bold;">="wrap"</span>><br/> <<span style="color:#c32867;font-weight:bold;">div</span>><<span style="color:#c32867;font-weight:bold;">input </span><span style="color:#a6e22e;">type</span><span style="color:#e6db74;font-weight:bold;">="text" </span><span style="color:#a6e22e;">value</span><span style="color:#e6db74;font-weight:bold;">="1"</span>><<span style="color:#c32867;font-weight:bold;">button </span><span style="color:#a6e22e;">class</span><span style="color:#e6db74;font-weight:bold;">="btn-dragsort"</span>><b>拖动</b></<span style="color:#c32867;font-weight:bold;">button</span>></<span style="color:#c32867;font-weight:bold;">div</span>><br/> <<span style="color:#c32867;font-weight:bold;">div</span>><<span style="color:#c32867;font-weight:bold;">input </span><span style="color:#a6e22e;">type</span><span style="color:#e6db74;font-weight:bold;">="text" </span><span style="color:#a6e22e;">value</span><span style="color:#e6db74;font-weight:bold;">="2"</span>><<span style="color:#c32867;font-weight:bold;">button </span><span style="color:#a6e22e;">class</span><span style="color:#e6db74;font-weight:bold;">="btn-dragsort"</span>><span style="font-weight:bold;">拖动</span></<span style="color:#c32867;font-weight:bold;">button</span>></<span style="color:#c32867;font-weight:bold;">div</span>><br/> <<span style="color:#c32867;font-weight:bold;">div</span>><<span style="color:#c32867;font-weight:bold;">input </span><span style="color:#a6e22e;">type</span><span style="color:#e6db74;font-weight:bold;">="text" </span><span style="color:#a6e22e;">value</span><span style="color:#e6db74;font-weight:bold;">="3"</span>><<span style="color:#c32867;font-weight:bold;">button </span><span style="color:#a6e22e;">class</span><span style="color:#e6db74;font-weight:bold;">="btn-dragsort"</span>><span style="font-weight:bold;">拖动</span></<span style="color:#c32867;font-weight:bold;">button</span>></<span style="color:#c32867;font-weight:bold;">div</span>><br/></<span style="color:#c32867;font-weight:bold;">div</span>></pre><pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas',monospace;font-size:11.3pt;"><span style="color:#660e7a;font-weight:bold;font-style:italic;">$</span>(<span style="color:#e6db74;">'</span><span style="color:#e6db74;background-color:#191f26;">.wrap</span><span style="color:#e6db74;">'</span>).<span style="color:#4ac60a;">dragsort</span>({<br/> <span style="color:#660e7a;font-weight:bold;">drop_exchange</span><span style="color:#f92672;">:</span><span style="color:#ae81ff;">0</span>,<br/> <span style="color:#660e7a;font-weight:bold;">itemSelector</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">'div'</span>, <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">可拖动的块</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#660e7a;font-weight:bold;">dragSelector</span><span style="color:#f92672;">: </span><span style="color:#e6db74;">".btn-dragsort"</span>, <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">可以触发拖动事件的选择器</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#4ac60a;">dragEnd</span><span style="color:#f92672;">: function </span>(<span style="color:#fd971f;font-style:italic;">item</span>) {<br/> <span style="color:#5b7773;background-color:#191f26;">//</span><span style="color:#5b7773;background-color:#191f26;font-family:'宋体',monospace;">拖到完触发的事件</span><span style="color:#5b7773;font-family:'宋体',monospace;"><br/></span><span style="color:#5b7773;font-family:'宋体',monospace;"> </span><span style="color:#5b7773;background-color:#191f26;">// console.log('drop!',item);</span><span style="color:#5b7773;"><br/></span><span style="color:#5b7773;"> </span>},<br/>});</pre><p>更多参考：https://www.jqueryscript.net/other/Drag-To-Sort-Plugin-jQuery-dragSort.html</p>
相关文章
