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-Tags指定id!

见 http://jsfiddle.net/m47mq/