jquery вложенный сортируемый список - PullRequest
Новая
       6

jquery вложенный сортируемый список

3 голосов
/ 21 марта 2010

у меня есть этот код 

$(document).ready(function() {
    $("#test-list").sortable({
        items: "> li",
        handle : '.handle',
        axis: 'y',
        opacity: 0.6,
        update : function () {
            var order = $('#test-list').sortable('serialize');
            $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
        }
    });
    $("#test-sub").sortable({
        containment: "ul",
        items: "li",
        handle : '.handle',
        axis: 'y',
        opacity: 0.6,
        update : function () {
            var order = $('#test-list').sortable('serialize');
            $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
        }
    });
});

для этого вида UL 

<ul id="test-list">
  <li></li>
  <li>
    <ul id="test-sub">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
   </ul>
  </li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

но это может быть изменено динамически ... когда я перетащить основной ли это работает когда я делаю это с детьми, он перетаскивает главный

что не так?

Ответы [ 2 ]

2 голосов
/ 04 мая 2011

Я в блоге об этом. Это не так просто и немного запутанно, но на самом деле просто.

http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables

1 голос
/ 01 апреля 2017

Я написал скрипт перетаскивания, специально разработанный для вложенных структур Проверьте это ... https://supraniti.github.io/Lean-Mean-Drag-and-Drop/

...