jquery - iframe でサイズ変更可能な div

Question

サイズ変更可能な div と、その横に iframe を含む別の div があります。マウスが 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;    
}