jQueryUI Sortable 不接受嵌套 UL 上的连接 Draggable答案

【问题标题】：jQueryUI Sortable won't accept connected Draggable on a nested ULjQueryUI Sortable 不接受嵌套 UL 上的连接 Draggable
【发布时间】：2011-02-10 08:31:05
【问题描述】：

我在这里发布了一个示例： http://jsfiddle.net/ericclemmons/LEHLX/2/

真的，归结为经典的“将用户分配到组”问题。我有一个用户列表和一个组列表，但我希望能够嵌套组：用户“Eric”将位于“Users”、“Web”和“Administrators”中。

问题是我无法将用户拖到列表中的空<ul>。

【问题讨论】：

标签： jquery jquery-ui nested jquery-ui-sortable

【解决方案1】：

我不得不稍微重新格式化您的 HTML 并将组 ID 更改为类，试试 updated demo。

HTML

<h3>Groups</h3>
<ul>
  <ul class="groups">
    <span>Administrators</span>
    <li></li>
  </ul>

  <ul class="groups">
    <span>Web</span>
    <li></li>
  </ul>
</ul>
<hr />
<h3>Users</h3>
<ul id="users">
    <li>Eric</li>
    <li>Richard</li>
    <li>Evan</li>
</ul>

脚本

$('.groups').sortable({
    revert:      'invalid',
    placeholder: 'ui-state-highlight'
});

$('#users li').draggable({
    connectToSortable: '.groups',
    helper:            'clone'
});

我希望这就是你想要达到的目标。

编辑：哦，我忘了补充，我必须这样做，因为似乎可排序/可拖动/可放置的列表不适用于比一层更深的列表。

【讨论】：

我已经能够修改 jquery.ui.sortable.js 以接受拖入更深的容器，但拖出是有问题的。