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>。