javascript - 如何使用 jQuery UI Sortable 检测 DOM 中的变化？

Question

我有一个基于 nodejs express + 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>订单，并按照保存顺序打印 s。