JQuery的可排序\序列化問題

Question

我有一個使用PHP來從數據庫生成一個列表的文檔

$q = "SELECT * FROM display ORDER BY diplay_order ASC"; 
$r = @mysqli_query ($dbc, $q); 

echo "<ul id='categoryorder'>"; 

while ($item = mysqli_fetch_array($r)) { 

echo "<li><div id='" . $item['ad_type'] . "_" . $item['unique_id'] . "'> 
     <form name='remove' action='saveable.php' method='get'> 
     <input type='submit' value='remove' /> 
     <input type='hidden' name='id' value='" . $item['unique_id'] . "'> 
     </form>" .$item['unique_id'] . "</div></li>";  
} 

echo "</ul>"; 

我已經那麼做這些排序工作正常，但我不能讓序列化工作，它只是創建一個空數組。

$(document).ready(function() {        
    $('ul#categoryorder').sortable({ 
    update: function() { 
     var order = $("ul#categoryorder").sortable("serialize"); 
     alert(order); 
    }           
}); 
}); 

然後警報框就空了。我對此很陌生，任何幫助將不勝感激。

Answer 1

您需要將id添加到<li>標籤。更改的PHP代碼這一部分，

echo "<li id='" . $item['ad_type'] . "_" . $item['unique_id'] . "'><div><form name='remove' action='saveable.php' method='get'><input type='submit' value='remove' /><input type='hidden' name='id' value='" . $item['unique_id'] . "'></form>" .$item['unique_id'] . "</div></li>"; 

新增id到<li>。