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不能在比一個級別更深的列表上工作。