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

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

复制代码 代码如下:
//post到后台的数据 
    if ($_POST) { 
        $ids = $_POST["ids"]; 
        for ($idx = 0; $idx < count($ids); $idx+=1) { 
            $id = $ids[$idx]; 
            $ordinal = $idx; 
            //... 
        } 
        return; 
    } 
?> 

复制代码 代码如下:
 

 
 
     
        body { font-family:Arial; font-size:12pt; padding:20px; width: 800px; margin:20px auto; border:solid 1px black; } 
        h1 { font-size:16pt; } 
        h2 { font-size:13pt; } 
        ul { width:350px; list-style-type: none; margin:0px; padding:0px; } 
        li { float:left; padding:5px; width:100px; height:100px; } 
        li div { width:90px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:40px; } 
        .placeHolder div { background-color:white!important; border:dashed 1px gray !important; } 
     
 
 
     
         

        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 < count($list); $idx+=1) { 
                    echo "
• "; 
                      echo "" . $list[$idx] . ""; 
                      echo "
"; 
                } 
            ?>