我正在构建一个弹出图片库,用户可以从弹出窗口中拖动图像并将其放在页面的其他位置。
弹出库是一个叠加div(使用css)所以没有iframe或其他任何东西。
我已经使用JQUERY UI成功实现了拖放,但我想要的是 -
每当用户拖动图库弹出div的图像 out 时, popup div应该隐藏/淡出,图像可以放在别处。 但问题是,一旦我隐藏了画廊弹出div (原始容器),我的助手克隆也消失了。 (然而 仍然可以放弃,但我失去了视觉反馈)
我已经尝试将gallery div的位置移动到-999,-999(不隐藏它)但是甚至隐藏了我的视觉反馈克隆(帮助者)
有人请帮我找到解决方案。
由于
答案 0 :(得分:5)
您应该可以使用draggable的appendTo选项执行此操作。默认情况下,帮助程序会附加到与draggable相同的容器中,这就是为什么它在隐藏时会消失的原因。
也许这样的事情会起作用:
$( '.thumb' ).draggable( {
helper: 'clone',
appendTo: 'body',
start: function() {
$('#container').hide();
}
} );
希望有所帮助。