JQuery javascript - Как я могу позволить пользователям «отменить» их изменения?

Question

У меня есть основное приложение jquery, которое позволяет пользователю редактировать и манипулировать некоторыми списками на странице. То, что я хотел бы сделать, это нажать кнопку «восстановить исходный список», который пользователь может нажать, чтобы отменить свои изменения.

Каков наилучший способ для этого? Я думал просто копировать DOM из списка вниз и вставлять его в скрытый элемент где-то еще на странице. Это лучший способ сделать это?

Я также заметил, что jquery имеет функцию .data(), которую я мог бы использовать, если бы я преобразовал данные в массив и сохранил его таким образом. Какие преимущества и недостатки?

Кроме того, я открыт для любых предложений, которые есть у людей, если есть какой-то метод, о котором я не думал.

Благодарим за помощь!

Answer 1

Билл,

Фил Хаак опубликовал статью о плагин JQuery он работает над названием jquery.undoable. Я не смотрел на это много, но он написал это для эмуляции очереди DVD Netflix.

Его пост: http://haacked.com/archive/2010/01/01/jquery-undoable-plugin.aspx

Проект на GitHub: http://github.com/Haacked/jquery.undoable

Answer 2

Так что ваш ищет больше походит на «восстановить к оригиналу» вместо того, чтобы шаг за шагом отменить, я бы с вашей идеей копирования элементов dom/html, но вместо того, чтобы сохранять их где-то на странице как скрытые, просто держите их в переменной. Возможно, вам придется иметь дело с привязками событий после вставки, но это довольно просто.