jquery可排序嵌套&连接问题

时间:2016-11-29 14:41:27

标签: jquery jquery-ui-sortable

我正在使用嵌套&连接的可排序容器。

<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

它有点奏效,但我遇到了一些问题:

  1. 我有不同类型的可排序元素(文本+部分)。该 文本元素可以放入主要的可排序容器中。该 嵌套容器(pagebuilder + section-inner)。但我正在努力 防止可以将section元素拖入另一个section 元素(尝试将第1部分拖入第2部分,这应该 不可能)。不应嵌套剖面元素。

  2. 当Section元素为空时(将text2拖出该部分 1),无法读取元素(尝试拖动任何元素) 文本元素到空部分,它不起作用)

  3. 我错过了什么吗?

0 个答案:

没有答案