如何使用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！