Question

我想做一个动态的拖放重新排序，但到目前为止，我一直陷入困境。

我想在ul中返回lis的id以进行排序，但我不断回到空警报框：

<ul id="sort">
    <li id="li1">one</li>
    <li id="li2">two</li>
    <li id="li3">three</li>
    <li id="li4">four</li>
</ul>


$('#sort').sortable({
    update: function() {
        var t = $('#sort').sortable('serialize');
        alert(t);
    }
});

Answer 1

serialize

注意：如果serialize返回一个空字符串，请确保id 属性包括下划线。它们必须采用以下形式：＆＃34; SET_NUMBER＆＃34;例如，一个包含id属性＆＃34; foo_1＆＃34;的3元素列表，＆＃34; foo_5＆＃34;，＆＃34; foo_2＆＃34;将序列化为＆＃34; foo [] = 1＆amp; foo [] = 5＆amp; foo [] = 2＆＃34;。您可以使用下划线，等号或连字符分隔集合和数。例如＆＃34; foo = 1＆＃34;，＆＃34; foo-1＆＃34;和＆＃34; foo_1＆＃34;全部序列化为＆＃34;富[] = 1＆＃34;

所以在ID中添加一个下划线，如

<ul id="sort">
    <li id="li_1">one</li>
    <li id="li_2">two</li>
    <li id="li_3">three</li>
    <li id="li_4">four</li>
</ul>

演示：Fiddle

无法使用可排序序列化返回li ids

1 个答案: