Question

我正在构建一个弹出图片库，用户可以从弹出窗口中拖动图像并将其放在页面的其他位置。

弹出库是一个叠加div（使用css）所以没有iframe或其他任何东西。

我已经使用JQUERY UI成功实现了拖放，但我想要的是 -

每当用户拖动图库弹出div的图像 out 时， popup div应该隐藏/淡出，图像可以放在别处。但问题是，一旦我隐藏了画廊弹出div （原始容器），我的助手克隆也消失了。（然而仍然可以放弃，但我失去了视觉反馈）

我已经尝试将gallery div的位置移动到-999，-999（不隐藏它）但是甚至隐藏了我的视觉反馈克隆（帮助者）

有人请帮我找到解决方案。

由于

Answer 1

您应该可以使用draggable的appendTo选项执行此操作。默认情况下，帮助程序会附加到与draggable相同的容器中，这就是为什么它在隐藏时会消失的原因。

也许这样的事情会起作用：

$( '.thumb' ).draggable( {
    helper: 'clone',
    appendTo: 'body',
    start: function() {
        $('#container').hide();
    }
} );

希望有所帮助。