jquery实现可拖动DIV自定义保存到数据的实例_jquery

看到一个不错的jquery插件，可拖动DIV，顺序可保存到数据库的一个实例：这里就以其中PHP实例简单说明一下：

//post到后台的数据
if ($_POST) {
$ids = $_POST["ids"];
for ($idx = 0; $idx $id = $ids[$idx];
$ordinal = $idx;
//...
}
return;
}
?>

jQuery List DragSort PHP Example

Homepage

Save list order with ajax:

$list = array("blue", "orange", "brown", "red", "yellow", "green", "black", "white", "purple");
for ($idx = 0; $idx echo "
• ";
  echo "
  " . $list[$idx] . "
  ";
  echo "
";
}
?>

" });

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 });
};