for ($idx = 0; $idx < count($list); $idx+=1) {
echo “<li data-itemid='” . $idx . “‘>”;
echo “<div>” . $list[$idx] . “</div>”;
echo “</li>”;
}
?>
</ul>
<script type=”text/javascript” src=”jquery.dragsort-0.5.1.min.js”></script>
<script type=”text/javascript”>
//saveOrder为回调函数
$(“#gallery”).dragsort({ dragSelector: “div”, dragEnd: saveOrder, placeHolderTemplate: “<li class=’placeHolder’><div></div></li>” });
function saveOrder() {
var data = $(“#gallery li”).map(function() { return $(this).data(“itemid”); }).get();
//通过ajax模拟post的方式,post格式形式为：[0, 1, 2, 5, 4, 3, 8, 6, 7]
$.post(“example.php”, { “ids[]”: data });
};
</script>
<div style=”clear:both;”></div>
</div>
</body>
</html>
