拖曳交换排序
jQuery-wDragSwap 拖曳交换排序
版本:v1.0.619
更新:2011.06.19
来源:我不忙,爱分享
下载:wdragswap.v1.0.1105.zip
说明:拖动下面小框,就可以交换位置
如何使用
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="jquery-wdragswap.js"></script> <script type="text/javascript"> $(document).ready(function () { $("ul#wDragSwap>li").wDragSwap({ undrager: "ul#wDragSwap>li.disabled", //不允许拖动对象 }); }); </script> <body> <div id="SingleDemo" class="BoxDemo"> <p> =====================单Box演示===================== </p> <ul id="wDragSwap" class="wDragSwap"> <li>1</li> <li>2</li> <li>3</li> <li class="disabled">4</li> <li>5</li> <li>6</li> <li>7</li> <li class="disabled">8</li> <li>9</li> <li>10</li> </ul> <div style="clear: both;"> </div> </div> </body>