Javascript复杂的拖放排序

Javascript complex drag and drop sorting

本文关键字：排序 拖放 复杂 Javascript      更新时间：2023-09-26

我有一个问题，我试图进行复杂的排序：示例

    without group
    -child0
    -- GROUP1
    -child1
    -child2
    -- GROUP2
    -child3
    -child4

我需要对组进行排序(将所有组向下移动(，包括所有子级和一个组的子级(使子级4在上，然后是子级3(，以及组之间的子级之间(将子级4移动到组2(，或者使子级脱离组，我可以用jquery ui进行排序吗，或者任何现成的解决方案吗？

尝试以下代码：http://jsfiddle.net/lotusgodkk/28nMJ/201/

$(function () {
$('ul.mainlist').sortable({
    connectWith: 'ul',        
});
$('ul.sublist').sortable({
    connectWith: 'ul'
 });
});

HTML:

<ul class='mainlist'>
 <li>One (a)</li>
 <li>Two (a)</li>
 <li class="hasItems">Three (a)
     <ul class="sublist">
         <li>subitem1-1</li>
         <li>subitem1-2</li>
         <li>subitem1-3</li>
         <li>subitem1-4</li>
     </ul>
 </li>
 <li>Four (a)</li>
 <li class="hasItems">Five (a)
     <ul class="sublist">
        <li>subitem2-1</li>
        <li>subitem2-2</li>
        <li>subitem2-3</li>
        <li>subitem2-4</li>
    </ul>
 </li>
 </ul>
 <ul class='mainlist'>
  <li>1</li>
  <li>Two (b)</li>
  <li>Three (b)</li>
 </ul>
相关文章：