jQueryUI的可排序将不接受连接可拖动的嵌套UL

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不能在比一个级别更深的列表上工作。