好的,所以我在这里有一个页面: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 元素,您的鼠标就会从拖动/调整大小中分离出来,并且很难执行任何一项功能。有没有办法解决这个问题?