Как сохранить состояние сортировки jquery ui

Question

У меня есть следующий код:

<script>
$(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});
</script>


<div class="demo">

   <ul id="sortable">
    <li class="ui-state-default">Item 1</li>
    <li class="ui-state-default">Item 2</li>
    <li class="ui-state-default">Item 3</li>
    <li class="ui-state-default">Item 4</li>
    <li class="ui-state-default">Item 5</li>
    <li class="ui-state-default">Item 6</li>
    <li class="ui-state-default">Item 7</li>
   </ul>

</div>

Когда я в первый раз загружаю страницу, список находится в этом (первый рис ниже) порядке (от 1 до 7), затем я двигаюсь и меняю порядоксписок (вторая картинка ниже).Нажмите reload, и заказ вернется к исходному порядку. Можно сохранить измененный порядок списков.

спасибо за помощь

Answer 1

Это в основном вопрос о том, как хранить данные между обновлениями страниц.Это не что-то особенное для jQuery UI.Как правило, есть два основных места, где вы можете хранить необходимые данные:

1) Cookie
2) База данных

Если вы хотите поддерживать порядок списков в длинныхсрок, то вам нужно будет использовать базу данных.Если это всего лишь краткосрочная проблема, то cookie, вероятно, является лучшим из двух решений, потому что он намного проще и не требует множества запросов AJAX.

HTML5 также предлагает локальное хранилище данных, поэтомуВы можете сделать то же самое с этим.Но это не будет поддерживаться всеми браузерами.