jQuery UI拖放 - 如何在拖动开始时隐藏原始容器？

Question

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

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

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

每当用户将图像拖出图库弹出div时,弹出div应隐藏/淡出,图像可以放在其他地方.但问题是,一旦我隐藏了画廊弹出div(原始容器),我的助手克隆也会消失.(但是仍然会掉落,但我失去了视觉反馈)

我已经尝试将gallery div的位置移动到-999,-999(没有隐藏它)但是甚至隐藏了我的视觉反馈克隆(帮助器)

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

谢谢

Answer 1

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

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

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

希望有所帮助.