如何在JavaScript中链接两个可排序列表？

我正在使用RubuXa创建一个可排序列表。我正在尝试将此列表链接到另一个列表，以便在更新可排序列表（变更单/删除项）时，其他列表会更新以反映更改

i、 e.当用户将“项目标题1”拖动到可排序列表中的位置#2时，显示列表将更新以显示新位置

HTML文件

    <ul id="sortable-list">
      <li>Item Heading 1</li>
      <li>Item Heading 2</li>
      <li>Item Heading 3</li>
    </ul>

    <ul id="display-list">
      <li>
        <h3>Item Heading 1</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </li>
      <li>
        <h3>Item Heading 2</h3>
        <p>Sed ullamcorper varius finibus. Cras semper libero a nibh laoreet.</p>
      </li>
      <li>
        <h3>Item Heading 3</h3>
        <p>Nunc tincidunt pharetra augue, non tincidunt nunc cursus vitae.</p>
      </li>
    </ul>

---

您的问题是…？@RoyDictus对不起，我应该澄清一下，我正在寻找一些关于如何将可排序列表链接到显示列表的指针。我尝试将onSort处理程序设置为可排序列表，但无法更新显示列表。@RoyDictus问题在标题中。没关系，我已经成功了。我在第一个列表上设置了onSort处理程序，并使用了dataIdAttribute选项。你的问题是…？@RoyDictus对不起，我应该澄清一下，我正在寻找一些关于如何将可排序列表链接到显示列表的指针。我尝试将onSort处理程序设置为可排序列表，但无法更新显示列表。@RoyDictus问题在标题中。没关系，我已经成功了。我在第一个列表上设置了onSort处理程序，并使用了dataIdAttribute选项。

    $(function () {
      var el = document.getElementById('sortable-list');
        var sortable = Sortable.create(el, {
        group: "name",
        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('|'));
            }
        },
        delay: 0,
        animation: 150
        });
    });