我正在尝试在 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>
我在这里做错了什么吗?或者 Sort-able 不允许这样做?
最佳答案
从插件页面:
There is no on-the-fly creation of sublists. Only list items that contain a sublist are drop targets.
您只能将子项目添加到项目 1,因为它是唯一带有子列表的项目 - 空 ol 元素。
关于Jquery-sortable 不允许将子级添加到兄弟级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42131032/