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

从插件页面：子表

没有对即时创作。只有 包含子列表的列表项才是放置目标。

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