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

从插件页面：

没有动态创建子列表。 仅包含子列表的列表项是放置目标。

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