拖放到另一个div中，并仅使用jquery在该div中移动

我有一个可拖动的div，我希望能够拖动一个div并放入另一个div。它应该只在已拖放的div内移动

目前我有这个代码

$(document).ready(function(){
    $("#move").draggable();
    $("#move1").draggable();

    $('#contain').droppable({
        drop: function(event, ui) {
             // update the draggable to be only moveable inside the droppable
             ui.draggable.draggable("option", "containment", this);
        }
    });
});

其中#contain是#move and#move1必须放置并移动的div

谢谢 Jean

看看这个选项：

约束拖动到指定元素或区域的边界内。可能的字符串值：'parent'，'document'，'window'，[x1，y1，x2，y2]

例如：

$( ".selector" ).draggable( { containment: 'parent' } );

---

更新：了解该事件。每当您将可拖放设备放置到可拖放设备上时，它都会触发

假设您有您的droppable

#droppable

，那么您可以这样做：

$('#droppable').droppable({
    drop: function(event, ui) {
         // update the draggable to be only moveable inside the droppable
         ui.draggable.draggable("option", "containment", this);
    }
});

---

ui.draggable

包含您刚才删除的元素。

我不明白您的意思，它应该只在，删除的div。是否希望在父级

div

中同时包含

div

和可拖动的

div

只能在父级

div

中的

div

上删除？@felix是的………我要拖动div，但我无法将其包含在拖动到的目录中。@Jean:这段代码有什么问题吗？我认为应该是

$（'#contain'）。可拖放({..

并且它必须是

ui.draggable

而不是

ui.contain

。这在我链接到的文档中有描述。我检查了文档，重新做了代码，检查Q中的修订代码，我可以将#move和#move1放入#contain，但我无法移动它们inside@Jean：是的，应该是这样的。我创建了一个小exa示例您可以在上看到源代码。告诉我这是否是您想要的，如果是，您就在那里；）您也应该在问题中说明您的问题。@felix your r da man，是的，这就是我想要的。那么我到底做错了什么？