jqueryでiframe内の処理が終わってから親ページで処理をするには？

何がしたいかというと
jsで生成されるコンテンツを含んだiframeの高さを取得して

親ページに高さを反映したいのですがうまくいきません

親ページは以下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
<iframe src="hoge.html" frameborder="0" width="100%" height="auto" scrolling="no" id="fuga">A4クリアファイル価格表</iframe>

<script>
        (function(window, $){
            $("iframe#fuga").load(function() {
               //iframeが読み込まれてから処理されるはず
                alert("読込完了1");
                });
            });
        })(window, jQuery);
</script>	
</body>
</html>

読み込まれるiframeの子ページは以下

jsでコンテンツが生成される
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<title></title>
7	<link rel="stylesheet" href="">
8</head>
9<body>
10jsでコンテンツが生成されるんです
11<script>
12    $(window).on("load",function(){
13        alert("yomikomi");
14        //なんかいろいろ処理がある
15    });
16</script>
17	
18</body>
19</html>

上記のように親ページではiframeの読み込み後？にコンテンツ生成された高さを取得するように記述したつもりなのですが
実際は
alert("yomikomi");
が出たあとにすぐ
alert("読込完了1");
が表示され
その後コンテンツが生成され高さが確定している様子

iframe内の処理が終わってから親ページで処理をする方法はないですか？

何かいい方法があればご教示願います

行動規範の内容に同意します

回答1件

いろいろ処理しているところで非同期処理が含まれている場合は、その非同期処理が終わってから親ページで処理を行うようしなければならないかと。

投稿2017/01/11 04:45

turbgraphics200

総合スコア4267

hyksm

2017/01/11 05:03

詳しくないのですが、どのように記述したら良いですか？

turbgraphics200

2017/01/11 05:06 編集

ひとつ気になるのは、iframe内のコンテンツにおいてjQueryのライブラリはロードしていますか？

hyksm

2017/01/11 05:15

しています。なんとなくjQueryのDeferredを使えばいいというところまできていますが描き方が。。。

turbgraphics200

2017/01/11 06:36

んー、iframe内の処理がどんなものか見てみないと答えづらいのですが、もし画像の読み込み等をコードで行っているのでしたら、すべての読み込みが終わってから(つまりonloadイベントを拾って)、親の処理を行うといったことになります。

hyksm

2017/01/11 07:28

onloadイベントでは駄目でした iframe内の処理は非同期でテーブルを生成しているイメージです親ページで、子ページの高さを取得する際にsetTimeoutで強制的に処理を遅らせて見ましたが iframe内の生成のタイミングによっては高さ不足になったりしちゃいますね、、、、なんとか親ページから子ページの生成処理が終わってから高さを取得出来ないですかね？？？

行動規範の内容に同意します