使用iframes遇到jQueryUI的Draggable和Resizable问题

时间:2013-04-25 04:16:24

标签: jquery jquery-ui iframe draggable resizable

好的,我在这里有一个页面: 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上移动时,而不是在draggable元素包含iframe本身时。

我遇到的问题是,如果您拖动或调整块大小,并且移动鼠标太快,并且它越过iframe元素,则鼠标会从拖动/调整大小中分离出来并且很难做到功能。有办法解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

尝试仅在拖动时在iframe上覆盖div。当你完成拖动时会破坏叠加div。