以上是效果图,附件是源码
使用的注意事项:
将<script type="text/javascript">
$(function() {
$("#test")
.dragsort(
{
dragSelector : "div",
dragEnd : saveOrder,
dragBetween : false,
placeHolderTemplate : "<li class='placeHolder'><div></div></li>"
});
//$("#test").dragsort("destroy");
});
function saveOrder() {
var data = $("#test li div").map(function() {
return $(this).attr("id");
}).get();
$("#order").val(data.join("|"));
};
</script>
代码要放置于要排序的内容之后!!!