ページのメイン コンテンツ側で別のリンクをクリックすると、ローカル ファイル1から読み込まれる、サイズ変更可能なコンテンツ ペインを作成しようとしています。
私は2つのアプローチを試みました。最初は <div> を使用することですが、この方法で外部ソース2からロードする良い方法が見つかりませんでした。代わりに、div 内で iFrame を使用しています。
ただし、iFrame を使用してメイン コンテンツのサイズを適切に変更するのに問題があります。同様のコードを使用すると、pure-div バージョンのサイズが適切に変更されます: http://jsfiddle.net/jvnn6/4/
しかし、iFrame を使用しようとすると、ページの左半分のコンテンツが正しくサイズ変更されません。 http://jsfiddle.net/JX4yM/
ここで、次の CSS を追加しました。
.ui-resizable-helper {
border: 50px solid rgba(239, 239, 239, .9);
margin: -75px;
}
そしてこれをjQueryに
helper: "ui-resizable-helper",
どうしたの？(マウスがiFrameの上を移動するとサイズ変更が奇妙に動作するため、.ui-resizable-helperを追加する必要がありました。例を次に示します: http://jsfiddle.net/36S7p/1/ )
================================================== ==================
1 : 近いうちにオンラインでホストする予定はありません
2 : もちろん、別の方法として、すべてを自分の Web ページ自体に埋め込み、必要に応じて右側のペインでさまざまな部分を非表示/表示するだけです。ただし、これには構造的な問題がいくつかありますが、それについては触れません。