与jQueryUI'有问题;s可通过iframes拖动和调整大小
好的,我这里有一页: 当您转到该页面时,您将看到一个视频块和一个聊天块。这两个块都可以拖动并调整大小与jQueryUI'有问题;s可通过iframes拖动和调整大小,jquery,jquery-ui,iframe,draggable,resizable,Jquery,Jquery Ui,Iframe,Draggable,Resizable,好的,我这里有一页: 当您转到该页面时,您将看到一个视频块和一个聊天块。这两个块都可以拖动并调整大小 $('#position_'+position).resizable().draggable({ handle: '.info', iframeFix: true, opacity: 0.50, snap: true, snapTolerance: 10, stack: { group: '.multiBlank', min: 1 },
$('#position_'+position).resizable().draggable({
handle: '.info',
iframeFix: true,
opacity: 0.50,
snap: true,
snapTolerance: 10,
stack: { group: '.multiBlank', min: 1 },
zIndex: 10000
});
视频块工作良好,因为它是一个简单的嵌入对象。但是,聊天区给我带来了问题,因为聊天是iframe。DragTable中的iframeFix用于DragTable元素在iframe上移动时,而不是用于DragTable元素包含iframe本身时
我遇到的问题是,如果您拖动或调整块大小,并且您移动鼠标太快,鼠标越过iframe元素,您的鼠标将脱离拖动/调整块大小,这两种功能都很难实现。有没有办法解决这个问题?只有在拖动时才尝试在iframe上覆盖div。完成拖动后,请销毁覆盖div。您也可以尝试以下操作:在重新调整大小时,我将iframe从DOM中删除,然后在重新调整大小后将其恢复。谢谢。。。添加一个div并在开始和停止时销毁它是有效的。