Невозможно загрузить заказ Sortable. js из локального хранилища - PullRequest
Новая
       31

Невозможно загрузить заказ Sortable. js из локального хранилища

0 голосов
/ 20 марта 2020

Я использую Sortable. js со следующим кодом: 

var el = document.getElementById('locationSortingTable');
Sortable.create(el, {
    group: "locations-sorted",
    store: {
      get: function (sortable) {
        var order = localStorage.getItem(sortable.options.group.name);
        return order ? order.split(',') : [];
      },
      set: function (sortable) {
        var order = sortable.toArray();
        localStorage.setItem(sortable.options.group.name, order.join(','));
      }
    }
  })

И тогда мой HTML выглядит так: 

<div style="cursor:pointer;" id="locationSortingTable" class="list-group text-center">
  <div class="list-group-item" data-id="France" draggable="false" style="transform: translateZ(0px);">
    <img src="/static/icons/sort.svg" style="height:2em;float:left;" draggable="false">
    France
  </div>

  <div class="list-group-item" data-id="The Netherlands">
    <img src="/static/icons/sort.svg" style="height:2em;float:left;">
    The Netherlands
  </div>
</div>

Я использую локальное хранилище пример из документов. Я вижу в своей консоли, что он сохраняется. Так что часть set работает. Но затем, когда я обновлю sh страницу, ордер будет go переведен в состояние по умолчанию, вместо того, чтобы извлекать ордер из локального хранилища с помощью опции get.

Что здесь не так?

...