JQuery UI - 如何在多个（同一类）div中包含一个可拖动的？

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