jQuery Nested Sortable - Verschiebt LI-Elemente in alle verfügbaren ULs

Ich habe den folgenden Code, der funktioniert, obwohl er meiner Meinung nach ziemlich langsam läuft. Was ich tun möchte, ist zuzulassen<li>ist frei beweglich unter bestehenden<ul>oder bewege sie eine Ebene höher. Ich möchte auch in der Lage sein, Hierarchien zu erstellen, wenn Sie eine gezogen haben<li> unter einem anderen<li> das würde eine Hierarchie schaffen. Ich denke in diesem Sinne müsste ich einen rendern<ul> unter jedem<li> nur für den Fall. Ich möchte es nur auf 2 oder 3 Ebenen begrenzen.

$("#sort_list").sortable({
  containment: 'parent',                                                                                     
  axis: 'y',
  revert: true,
  opacity: 0.8
});
$(".sub_list").sortable({ 
  containment: 'parent',
  axis: 'y',
  revert: true,
  opacity: 0.8,
});
$("#sort_list").disableSelection();

<ul id="sort_list">
  <li>one</li>
  <li>two
    <ul class="sub_list">
    <li>sub one</li>
    <li>sub two</li>
    </ul>
  </li>
  <li>three</li>
  <li>four</li>
</ul>

Antworten auf die Frage(4)

Ihre Antwort auf die Frage