Javascript jQueryUI-如何在多个（但相同的类）div中包含一个draggable？

例如：

<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”元素中拖放？

您可以在javascript中执行以下操作：

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

更新：

要使图元在未放置在有效图元上时恢复到其原始位置，请执行以下操作：

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

---

问题不在于如何接受，而在于如何使拖动元素仅放置在其中一个div中。现在，当我传递一个类选择器时，它似乎只允许它包含在与选择器匹配的第一个遇到的元素中，而不是包含在它被放入的元素上。我更新了我的答案，以显示如果它没有被放入有效的元素中，如何将可拖动对象还原到其初始的预拖动位置。不完全相信这就是你想要的。。