Danh sách có thể sắp xếp lưu giao diện người dùng JQuery

$("#list").live('hover', function() {
        $("#list").sortable({

            update : function () {

                var neworder = new Array();

                $('#list li').each(function() {    

                    //get the id
                    var id  = $(this).attr("id");
                    //create an object
                    var obj = {};
                    //insert the id into the object
                    obj[] = id;
                    //push the object into the array
                    neworder.push(obj);

                });

                $.post("pagewhereyouuselist.php",{'neworder': neworder},function(data){});

            }
        });
    });

Sau đó, trong tệp PHP của bạn hoặc trong ví dụ này "pagewhereyouuselist.php"

$neworderarray = $_POST['neworder'];
//loop through the list of ids and update your db
foreach($neworderarray as $order=>$id){    
    //you prob jave a connection already i just added this as an example
    $con = mysql_connect("host","username","password");

    if (!$con){
         die('Could not connect: ' . mysql_error());
    }

    mysql_select_db("my_db", $con);

    mysql_query("UPDATE table SET order = {$order} WHERE id = {$id}");
    mysql_close($con);

}

điều đó nên làm iti đã không kiểm tra nó vì nó là một kết nối ví dụ. tập lệnh thực tế mà tôi đang thực sự sử dụng cụ thể hơn cho chương trình của tôi, đây là phiên bản đơn giản hóa để hiển thị khái niệm