javascript - Jquery sortable serialize 给出空对象数组

Question

我正在使用 http://johnny.github.io/jquery-sortable/不是 Jquery UI 可排序的。

我的完整代码在这里: http://jsfiddle.net/shankardevy/XwkxH/2/

jQuery('.draggable').sortable({
  onDrop: function (item, container, _super) {
    console.log($('.draggable').sortable("serialize").get());
    _super(item, container)
  }
})

我的问题是，在上面的代码中，sortable('serialize') 如 http://johnny.github.io/jquery-sortable/ 中所述不适合我。它给了我一个空对象数组，而我希望该数组包含 <li>排序顺序中的对象。

Answer 1

@sza 的回答会很好，但我仍然设法使用插件选项让它工作:

jQuery('.draggable').sortable({
  onDrop: function (item, container, _super) {
      console.log(container.el.sortable("serialize").get());
    _super(item, container);
  },
  serialize: function (parent, children, isContainer) {
    return isContainer ? children.join() : parent.attr('id');
  }
});

问题是默认的序列化函数没有返回我们预期的结果，所以我创建了一个自定义函数，就像上面示例中的那个(“具有有限放置目标的连接列表”)

这是 updated fiddle