我正在使用嵌套&连接的可排序容器。
<div id="pagebuilder">
<div class="sortable-el text">
<span class="name">Text 1</span>
</div>
<div class="sortable-el section">
<span class="name">Section 1</span>
<div class="section-inner">
<div class="sortable-el text">
<span class="name">Text 2</span>
</div>
</div>
</div>
<div class="sortable-el section">
<span class="name">Section 2</span>
<div class="section-inner">
<div class="sortable-el text">
<span class="name">Text 3</span>
</div>
<div class="sortable-el text">
<span class="name">Text 4</span>
</div>
</div>
</div>
请参阅jsfiddle
它有点奏效,但我遇到了一些问题:
我有不同类型的可排序元素(文本+部分)。该 文本元素可以放入主要的可排序容器中。该 嵌套容器(pagebuilder + section-inner)。但我正在努力 防止可以将section元素拖入另一个section 元素(尝试将第1部分拖入第2部分,这应该 不可能)。不应嵌套剖面元素。
当Section元素为空时(将text2拖出该部分 1),无法读取元素(尝试拖动任何元素) 文本元素到空部分,它不起作用)
我错过了什么吗?