使用 iframe 调整大小的 div

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;    
}