如何使用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' 
}; 

Enjoy！