Question

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

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

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

Answer 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'
});

我希望这是你想要实现的目标。

编辑：哦，我忘了添加，我必须这样做，因为看起来sortable / draggable / droppable不适用于深度超过一个级别的列表。

jQueryUI Sortable不会在嵌套的UL上接受连接的Draggable

1 个答案: