拖放到另一个div中，只使用jquery在div中移动

Question

我有一个可拖动的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和＃move1必须放入并移动的div。

由于 让

Answer 1

查看containment选项：

  

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

示例：

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

---

更新：了解drop事件。每当你将一个可拖动的拖放到一个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包含您刚删除的元素。