jquery - jquery sortable serialize返回空字符串

Question

HTML：

<ul id="categories_list" class="ui-sortable">
<li class="cat_row" style=""> item1 </li>
<li class="cat_row" style=""> item2 </li>
<li class="cat_row"> item3 </li>
</ul>

Javascript：

$("#categories_list").sortable({
placeholder: 'sortable_placeholder',
update : function () {
    var order = $("#categories_list").sortable('serialize');
    console.log(order);
} 
}); 

订单返回“空字符串”这是为什么？

Answer 1

您的 li 上的 id 属性需要如下所示：

<ul id="categories_list" class="ui-sortable">
<li class="catRow_1" style=""> item1 </li>
<li class="catRow_2" style=""> item2 </li>
<li class="catRow_3"> item3 </li>
</ul>

您需要按照此处的下划线分隔订单号。

Answer 2

将可排序的项目 ID序列化为表单/ajax 可提交字符串。调用此方法会生成一个哈希值，该哈希值可以附加到任何 url，以便轻松地将新的商品订单提交回服务器。

您需要为 LI-Tag 指定 ID！

见 http://jsfiddle.net/m47mq/