jquery - 親ウィンドウのサイズ変更?

Question

iframe の親ウィンドウにアクセスする必要があります。このスクリプトは iframe ウィンドウにも読み込まれます。したがって、基本的にこのマークアップがあります。

ボディ | IFRAME | ボディ | 脚本

$(window.parent.document).resize(resizeModal);

したがって、親ウィンドウのサイズが変更されたときにファンディション「resizeModal()」を実行するには、モーダルウィンドウ内に1回必要ですが、機能しません:(

何か案は？

score 0 · Accepted Answer

私は当初、iframe 内のスクリプトを親ページに影響させることはできないと想定していましたが、できるようです:

iframe と親ウィンドウの間で変数を共有するには、

window.whatever = "value";

またはparent.プロパティ。

score 0 · Accepted Answer

これを試して：

$("#element", top.document);

top.document は、最上位のドキュメント (親ページ) に存在する myid 要素をターゲットにするようにセレクターに指示します。これを機能させるには、iframe を介して表示されるファイルに jquery をロードする必要があります。

しかし、なぜ他の方法でそれをしないのですか？親ウィンドウは、イベントをリッスンしてサイズを変更し、イベントを iframe に送信しますか?

$(window).resize(function () { 
    $("#iframe").content().find("#anything");
});

2 に答える 2