Jquery sortable 获取组项

问题描述

我正在使用 Jquery Sortable 并且有一个父/子结构。我不希望父项移动到子项中，也不希望子元素移动到另一个父项中。到现在为止还挺好。问题是我需要组项目的 ID。对于第一组，它工作正常，但我没有得到第二组（以及更多）组。到目前为止我的代码：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

 <ol class="sort">
 <li id="102">A</li>
 <li id="111">B</li>
 <li id="1712">GROUP A
   <ol class="group_items">
    <li id="333">GROUP MEMBER 1</li>
    <li id="108">GROUP MEMBER 2</li>
    <li id="109">GROUP MEMBER 3</li>
   </ol>
  </li>
  <li id="110">C</li>
  <li id="113">D
    <ol class="group_items">
     <li id="451">GROUP MEMBER 1</li>
     <li id="452">GROUP MEMBER 2</li>
     <li id="453">GROUP MEMBER 3</li>
    </ol>
  </li>
  <li id="500">D
  </ol>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.10.2/Sortable.js"></script>

  <Script>
  $('.sort,.group_items').sortable({
  axis: 'y',update: function (event,ui) {

    var data = $(".sort").sortable("toArray");
    var subdata = $(".group_items").sortable("toArray");
    console.log(data);
    console.log(subdata);
    // POST to server using $.post or $.ajax
    $.ajax({
            type: "post",url: "/test3.cfm",data: {data:data,subdata:subdata}
            });
}
});
</Script>

所以这部分：

    var subdata = $(".group_items").sortable("toArray");

仅显示第一组项目 (333,108,109)。我该怎么做才能显示其他组项目 (333,109,451,452,453)。

最好是获取完整的 Array 列表 (102,111,1712,333,110,113,453,500)。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）