如何使用jQuery UI Sortable检测DOM中的更改？

Question

我有一个基于nodejs express-based + mongodb的网站，我很乐意使用这个库。我想知道的是如何检测元素顺序的变化以保存其状态。提交表格？ jQuery函数？

实施例： 我有一个应该出现在about.html页面上的段落列表。在我的CMS中，我想改变他们的订单。我转到允许我对段落进行排序，更改顺序等等的页面，然后单击“保存”按钮。我保存时需要发生什么？

我很想听听任何策略或看到任何具体的例子。

Answer 1

以下是您的起点：http://jsfiddle.net/XsUCv/

JS是：

$("#sortable").sortable();
$("#sortable").disableSelection();

$('input').on('click', function () {
    var sortedIDs = $("#sortable").sortable("serialize");
    alert(sortedIDs);
});

然后，您需要存储序列化订单。下次加载页面时，应该从数据库中提取订单，并按照保存顺序打印<li>。