jQuery列表拖动排列具体实现

<h2>两组列表拖放:</h2>

<ulclass="dragsort"id="list2"style="float:right;">
<li><div>10</div></li>
<li><div>11</div></li>
<li><div>12</div></li>
<li><div>13</div></li>
<li><div>14</div></li>
<li><div>15</div></li>
<li><div>16</div></li>
<li><div>17</div></li>
<li><div>18</div></li>
</ul>

<ulclass="dragsort"id="list1">
<li><div>1</div></li>
<li><div>2</div></li>
<li><div>3</div></li>
<li><div>4</div></li>
<li><div>5</div></li>
<li><div>6</div></li>
<li><div>7</div></li>
<li><div>8</div></li>
<li><div>9</div></li>
</ul>

<!--排序保存在这里可以检索服务器上的回传-->
<inputname="list1SortOrder"type="hidden"/>

<scripttype="text/javascript">
$("#list1,#list2").dragsort({
dragSelector:"div",
dragBetween:true,
dragEnd:saveOrder,
placeHolderTemplate:"<liclass="placeHolder"><div></div></li>",
scrollSpeed:5
});

functionsaveOrder(){
vardata=$("#list1li").map(function(){
return
$(this).children().html();
}).get();
$("input[name=list1SortOrder]").val(data.join("|"));
};
</script>