Как вы обнаруживаете изменения в DOM с JQuery UI Sortable?

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); 
}); 

Вы бы тогда нужно хранить сериализированную заказ. Когда страница будет загружена, заказ должен быть извлечен из db и <li> s напечатан в том порядке, в котором они были сохранены.