可调整的div与iframe

Question

我有一个可调整大小的div，另一个div旁边有一个iframe。 当鼠标悬停在iframe上时，可调整大小的div将无法正确调整大小。 修复的任何想法？

例子：http://jsfiddle.net/36S7p/1/

$("#cont").resizable({ 
    handles: "e" 
}); 

Answer 1

一个有点哈克的方法，如果你仍然需要它： http://jsfiddle.net/36S7p/4/

我添加边框和鼠标周围的一些边缘每当帧进行调整，这样一来它保护鼠标不受iFrame影响，如果这样做有道理的话。

基本上，它添加到jQuery的：

helper: "ui-resizable-helper" 

，并添加该位的CSS：

.ui-resizable-helper{ 
    border: 75px solid rgba(239, 239, 239, .9); 
    margin: -75px;  
}