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'
};

享受！

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

1 个答案: