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

时间:2014-05-06 08:24:46

标签: jquery jquery-ui-sortable

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

我想在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);
    }
});

1 个答案:

答案 0 :(得分: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