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

【问题标题】：Why can't I drag out of resizable container?为什么我不能拖出可调整大小的容器？
【发布时间】：2013-02-18 05:04:40
【问题描述】：

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

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

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

当从不可调整大小的元素到可调整大小的元素时，拖放工作完美。但是，当尝试拖出可调整大小的元素时，被拖出的元素会在可调整大小的容器中消失。拖放可以工作，但是一旦鼠标移出可调整大小的容器，您就看不到拖动的项目。

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

【问题讨论】：

标签： jquery drag-and-drop resizable

【解决方案1】：

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

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

【讨论】：

完成了这项工作。非常感谢。