我想做一个动态的拖放重新排序,但到目前为止,我一直陷入困境。
我想在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);
}
});
答案 0 :(得分:1)
注意:如果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