Question

我正在尝试jQuery UI的拖放功能但是如何在div1内拖动div2并像这样放入div3。{{0 }}

我的代码就像这样

的CSS：

#div2 {
     height: 52em !important;
     min-height: 50em;
     overflow:hidden;
}

脚本：

$( function() {
    $('#div1').draggable({
        containment: '#div4'
    });

    $('#div3').droppable();
});

我的代码似乎无法将div1拖到div3

Answer 1

如果您希望将实际的DOM元素移动到新元素中，您可以执行类似的操作（我不确定是否有超级奇特的jQuery UI方式）：

$( function() {
    $('#div1').draggable({
        containment: '#div4'
    });

    $('#div3').droppable({ drop: function(e, opts) { 
        $(this).append(opts.draggable.detach());
    }});
});

基本上，这会将draggable元素与drop上的DOM分离，并将其附加到droppable元素。

您需要在放下它之后从元素中移除定位（相对和顶部/左侧），否则它将被定位为奇怪。

从另一个div的内部拖放一个div

1 个答案: