JQuery UI - 如何在多個（但同一類）divs中包含可拖動的？

Question

例子：

<div> 
    <div class='drop'> 
     <div class='drag'></div> 
    </div> 
    <div class='drop'> 
    </div> 
    <div class='drop'> 
    </div> 
    <div class='drop'> 
    </div> 
    <div> 
    </div> 
</div> 

我怎樣才能讓這個了「div.drag」只能被拖入/扔下「div.drop」元素裏面？

Answer 1

你可以做這樣的事情在你的JavaScript：

$('div.drop').droppable({ accept: 'div.drag' }); 

更新：

要使元素恢復到原來的位置，如果沒有一個有效的元素在下降：

$('.drag').draggable({ 
    snap: '.drop', 
    revert: 'invalid' 
});