如何防止我的 jQuery 可拖动对象随其容器一起消失？

Question

我有一个可拖动的助手 ($('#tgt').draggable({helper: 'clone'}))，它在容器内可见，并在悬停时淡出。不幸的是，一旦我将可拖动对象拖到容器外的可放置目标上，我就会丢失它。当原始容器淡出时它也会淡出。

如何避免这种情况？我尝试在开始事件中将助手重新设置为主体的父级，但这会导致其他奇怪的情况。另外，在可拖动帮助器上覆盖 css 不透明度等似乎也没有帮助。

Answer 1

您可以编写两个回调函数来处理拖动开始和拖动停止事件，并且在这些函数中您可以启用/禁用容器的动画行为。

$('#tgt').draggable({
    helper: 'clone', 
    start: function(event, ui){...},
    stop: function(event, ui){...}
});

Answer 2

解决了。只需调用 appendTo 选项即可为帮助程序指定不同的父级。