需要帮助从nestedSortable jQuery获取输出

从nestedSortable jQuery获取输出是指从使用nestedSortable插件创建的嵌套可排序列表中获取排序后的输出结果。

nestedSortable是一个基于jQuery的插件，用于创建可嵌套且可排序的列表。它允许用户通过拖放来重新排序列表项，并支持嵌套结构，即列表项可以包含子列表项。

要从nestedSortable获取输出，可以使用以下步骤：

引入jQuery和nestedSortable插件的库文件。可以通过在HTML文件中添加以下代码来实现：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-nestedSortable/2.0.0/jquery.ui.nestedSortable.min.js"></script>

创建一个HTML结构，包含嵌套可排序列表。例如：

<div id="sortable">
  <ol>
    <li id="item1">
      Item 1
      <ol>
        <li id="item1-1">Item 1.1</li>
        <li id="item1-2">Item 1.2</li>
      </ol>
    </li>
    <li id="item2">
      Item 2
      <ol>
        <li id="item2-1">Item 2.1</li>
        <li id="item2-2">Item 2.2</li>
      </ol>
    </li>
  </ol>
</div>

初始化nestedSortable插件，并设置相关选项。例如：

$(document).ready(function() {
  $('#sortable').nestedSortable({
    handle: 'div',
    items: 'li',
    toleranceElement: '> div',
    maxLevels: 3,
    placeholder: 'placeholder',
    revert: 250,
    opacity: 0.6,
    cursor: 'move',
    update: function(event, ui) {
      // 获取排序后的输出
      var output = $('#sortable').nestedSortable('toHierarchy', {startDepthCount: 0});
      console.log(output);
    }
  });
});

在上述代码中，通过调用nestedSortable('toHierarchy', {startDepthCount: 0})方法可以获取排序后的输出结果。这个输出结果是一个嵌套的JavaScript对象，表示了排序后的列表结构。