我正在使用sortable
来实现小部件的一维列表。它工作正常,但是当我拨打serialize
将当前订单发送回服务器时,会生成错误的订单。JQueryUI问题可排序:序列化报告错误的顺序
这里是我的HTML,注意小部件ID的顺序:13,10,11:
<div id="widget_columns">
<ul id="column1" class="widget-column grid_8 alpha ui-sortable">
<li id="widget_13" class="widget">
(a widget!)
</li>
<li id="widget_10" class="widget">
(a widget!)
</li>
<li id="widget_11" class="widget">
(a widget!)
</li>
</ul>
</div>
名单与
$(#widget_columns').sortable({
connectWith: $(#widget_columns'),
handle: settings.handleSelector,
placeholder: 'widget-placeholder',
forcePlaceholderSize: true,
revert: 300,
delay: 100,
opacity: 0.8,
containment: 'document',
start: function (e, ui) {
$(ui.helper).addClass('dragging');
},
stop: function (e, ui) {
$(ui.item).css({ width: '' }).removeClass('dragging');
$(settings.columns).sortable('enable');
}
});
然而,初始化当我再打电话
alert($('#widget_columns *').sortable('serialize'));
找出小部件的顺序,我得到正确的ID,但错误的顺序,10,11,13:
widget[]=10&widget[]=11&widget[]=13
任何想法,为什么这可能是?
谢谢。你的代码工作,我的*仍然不...猜猜这是为我调试。 : -/ *我的生产代码。我上面发布的简单版本的作品。 – winsmith 2011-05-14 14:08:21