可调整大小的div与iframe

Question

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

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

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

Answer 1

如果你仍然需要它，那就是一种有点hacky的方法： 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;    
}