Question

我有两个div，其中一个是可调整大小的。我需要能够来回拖动元素;两种方式中的一种，另一种方式。

$(".item").draggable({
helper: 'clone'
});

$( ".container" ).droppable({   
drop: function( event, ui ) {
    if($(ui.draggable).parent() !==$(this)){
        $(ui.draggable).appendTo($( this ));
    }
}});

当从不可调整大小的元素转到可调整大小时，拖放效果非常好。但是，当试图拖出可调整大小的元素时，拖动的元素会在可调整大小的容器中消失。拖放有效，但是一旦鼠标移出可调整大小的容器，您就看不到拖动的项目。

有关解除拖出的任何建议，所以我看到它附加在鼠标上以进行整个拖动？

Answer 1

很难说这会在没有看到您的代码的情况下解决您的问题，但请尝试指定appendTo选项，以便帮助者的父级将是<body>元素而不是原始元素的父级：

$(".item").draggable({
    appendTo: "body",
    helper: "clone"
});

为什么我不能拖出可调整大小的容器？

1 个答案: