rubaxa-sortable - 如何使用 rubaxa sortable.js 实现嵌套列表

Question

我正在使用 Rubaxas Sortable.js 来对列表进行排序。

我的问题是我只能将“.group_container”移动到主支架的底部，而不能移动到其他列表之间。

这是一个 jsFiddle https://jsfiddle.net/adishardis/6csou39n/4/

<h1>Sortable</h1>

<div class="group" id="main">
  <div class="group group_container" id="group1">
    a
    <div class="question">item 1</div>
    <div class="question">item 2</div>
    <div class="question">item 3</div>
  </div>
  <div class="group group_container" id="group2">
    b
    <div class="question">item 4</div>
    <div class="question">item 5</div>
    <div class="question">item 6</div>
  </div>
  <div class="group group_container" id="group3">
    c
    <div class="question">item 7</div>
    <div class="question">item 8</div>
    <div class="question">item 9</div>
  </div>
</div>

我错过了什么？

Answer 1

这实际上很简单，您所需要的只是选项中的一个组，以允许可排序对象位于同一上下文中。

// Simple list
var opts = {
  group: 'shared',
  draggable: '.question',
  group: 'foo'
};
var opts2 = {
  draggable: '.group_container',
  group: 'foo'
};

享受!