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>

您需要按here按下划线分隔订单号。

Answer 2

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

您需要为LI-Tags指定id！

请参阅 http://jsfiddle.net/m47mq/

jquery sortable serialize返回空字符串

2 个答案: