好的,这里有一个页面:http://8wayrun.com/streams/multi?type=1&pos1=1.8wayrun.video&pos2=1.8wayrun.chat
当您转到该页面时,您将看到一个视频区块和一个聊天区块。这两个块都是可拖动和可调整大小的。
$('#position_'+position).resizable().draggable({
handle: '.info',
iframeFix: true,
opacity: 0.50,
snap: true,
snapTolerance: 10,
stack: { group: '.multiBlank', min: 1 },
zIndex: 10000
});
视频块工作良好,因为它是一个简单的对象嵌入。然而,聊天块给我带来了问题,因为聊天是一个iframe。draggable中的iframeFix适用于可拖动元素在iframe上移动的情况,而不适用于可拖动元素本身包含iframe的情况。
我遇到的问题是,如果你拖动或调整块的大小,你的鼠标移动得太快,它经过了iframe元素,你的鼠标就会脱离拖动/调整大小,这使得你很难完成这两个功能。有没有办法解决这个问题?
发布于 2013-04-25 04:24:10
尝试仅在拖动时才在iframe上覆盖div。当它完成后,你可以拖拽并销毁覆盖的div。
https://stackoverflow.com/questions/16206283
复制相似问题