Jquery-sortable 不允许将子级添加到兄弟级

Question

我正在尝试在 Jquery SOrtable 的同级中添加子级。

但它不允许。

我想要的是这样的

1.Item
   1.child1
      1.child-child1
   2.child2
2.Item
   1.child1
      1.child-child1

我的代码是这样的

var group = $("ol.serialization").sortable({
  group: 'serialization',
  delay: 500,
});
$("ol.simple_with_no_drop").sortable({
  group: 'serialization',
  drop: false
});

HTML

<div class="col-md-12">
  <div class="col-md-9">
    <div class="col-md-6">
      <ol class="serialization vertical">
        <li>
          <i class="icon-move"></i> Item 1
          <ol>
            <li>
              Item 1
              <ol></ol>
            </li>
          </ol>
        </li>

      </ol>
      <pre id="serialize_output2"></pre>
    </div>
  </div>
  <div class="col-md-3">
    <h2>Workflow</h2>
    <ol class="simple_with_no_drop vertical">
      <li class="highlight">
        <i class="icon-move"></i> Item 1
      </li>
      <li class="highlight">
        <i class="icon-move"></i> Item 2
      </li>
      <li class="highlight">
        <i class="icon-move"></i> Item 3
      </li>
    </ol>
    <div class="clearfix"></div>
    <h2>Actions</h2>
    <ol class="simple_with_no_drop vertical">
      <li class="highlight">
        <i class="icon-move"></i> Item 1
      </li>
      <li class="highlight">
        <i class="icon-move"></i> Item 2
      </li>
      <li class="highlight">
        <i class="icon-move"></i> Item 3
      </li>
    </ol>
  </div>
</div>

JSFIDDLE

我在这里做错了什么吗？或者 Sort-able 不允许这样做？

Answer 1

从插件页面:

There is no on-the-fly creation of sublists. Only list items that contain a sublist are drop targets.

您只能将子项目添加到项目 1，因为它是唯一带有子列表的项目 - 空 ol 元素。