Запомнете Поръчка за сортиране jQuery UI Сортируемо

В услугата Google Q&A един потребител зададе този въпрос и, за моя изненада, много дълго време никой не отговори. Но всъщност тази задача е много лесна за решаване благодарение на вградения метод за сериализиране.

Сега искам да анализирам само основната функция на програмата:

Запазваме връзка към основния елемент на сортирания списък. Ще ни трябва повече от веднъж в бъдеще. Въпреки че тази функция е много бърза, достъпът до нея ще бъде още по-бърз.

Ние присвояваме уникални идентификатори на всички елементи от списъка. Това е предпоставка методът на сериализиране да работи правилно. Префиксът може да бъде произволен, но в наш интерес е той да бъде възможно най-кратък. Като разделители можете да използвате подчертаване, равенство или тире.

Инициализиране на приспособлението Сортируемо и прихванете събитието за актуализация, за да запазите състоянието на списъка.

Възстановяване на реда на елементите от списъка след зареждане на страницата.

Преглеждаме всички елементи, съхранявани в бисквитката, и ги преместваме в края на списъка. Ако поръчката беше запазена за всички елементи, те естествено ще заемат местата си. Ако позицията не е запазена за някои елементи, те ще се "изскачат" в горната част на списъка.

Отделно бих искал да отбележа, че в този пример вместо стандартния API за достъп до бисквитките е използван плъгин, който значително улесни работата с тях.