jquery-ui - JQuery Sortable\Serialize 问题

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