Jquery Sortable, списки с подразделами - PullRequest
Новая
       5

Jquery Sortable, списки с подразделами

0 голосов
/ 13 января 2012

Я пытаюсь создать сортируемый список с помощью плагина Jquery sortable.

Мне нужен такой список ...

  • Раздел 1
    • Подраздел 1
      • Позиция 1
    • Подраздел 2
      • Позиция 2
      • Позиция 3
      • Позиция 4
  • Раздел 2
    • Подраздел 3
      • Элемент 5
      • Элемент 6
    • Подраздел 4
      • Элемент 7
      • Элемент 8

Элементы на ихуровень должен оставаться на своем уровне, т.е. это неправильно ...

  • Раздел 1
    • Раздел 2

или...

  • Элемент 1
  • Раздел 1
    • Элемент 2

Я пытался сломать еговниз в сортируемые области, но не удалось.Вся помощь очень ценится.

PS // Когда раздел или подраздел перемещается, его дочерние элементы должны перемещаться вместе с ним

1 Ответ

0 голосов
/ 13 января 2012

Способ сделать это - убедиться, что каждый вложенный список имеет один и тот же класс, и вы один раз связываете сортируемый класс с этим классом, также делая списки невыбираемыми Например:

HTML: 

<ul class='list'>
  <li>item1</li>
  <li>item2</li>
  <li>item3
    <ul class='list'>
      <li>item 1</li>
      <li>item 2</li>
    </ul>
  </li>
</ul>

JS: 

$(function() {
  $("ul.list").sortable({
    helper: 'clone',
    cursor: 'move',
    tolerance: 'pointer'
  });
  $("ul.list").selectable();
  $("ul.list").disableSelection();
});

См. Здесь: http://jsbin.com/eyoxu/22 (я изменил это, но в противном случае украл код из него для ответа выше)

...