JQuery Sortable\Serialize 问题答案

【问题标题】：JQuery Sortable\Serialize issueJQuery Sortable\Serialize 问题
【发布时间】：2012-09-10 22:15:20
【问题描述】：

我有一个使用 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);
    }                                         
});
});

然后警报框就空了。我对此很陌生，任何帮助将不胜感激。

【问题讨论】：

标签： jquery-ui serialization jquery-ui-sortable

【解决方案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>。

【讨论】：