htmlの読込完了時に起動する処理をjQueryを用いて書きたい。
具体的には、jQuery1.6.4を使用して、a.html内にあるiframe(id=hoge)のsrcを変化させた[$("#hoge").attr("src", "test.html");]場合、そのhogeの中の表示が終わる(イメージ等遅延読込も含めて)タイミングで、何かしたい場合です。
onLoad・onreadystatechangeイベントに無名関数登録でも、isReady監視でもできませんでした。環境は、windows xp/ie7 or firefox6.0.2です。
ちなみにjQueryでなくjavascriptだけで書けるのであれば、それでも構いません。
よろしくお願いします。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
a-kuma3
満足201pt
jsFiddle で、ちょろっと書いてみましたが、iframe の load で関数を登録する、
というのでは駄目なのでしょうか？
＃ FF5.0 で確認
-
mamekko
-
mamekkoその他の回答
-
Cherenkov
満足33pt
iframeは同一ドメインでしょうか？
iframeを編集できますか？
編集できるのであればiframe側で適当なタイミング（imgのonload等）に適当なイベントをtrigger()で発行して親フレームでそれをキャッチすればいいのではないでしょうか。
参考：
-
mamekko
-
- その他の回答を読む
この質問へのコメント
質問の情報
- 登録日時
- 2011-09-23 11:50:16
- 終了日時
- 2011-09-24 22:06:10
- 回答条件
- 1人3回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
同じような体験をしたことがある人はいますか？。 ある日、お葬式の職業に就きたいなあなんて話題にしてい…
匿名質問者
1
-
１９８４年から１９９０年ぐらいの間に、多分コミックボンボンに掲載されていた漫画を教えてください。 主…匿名質問者
2
-
https://hikky-mura.org/t/topic/2523/7 でsma200さんという方に戸塚ヨットスクールを勧められましたが、僕…
hayakushinene
1
-
いつも大変お世話になっています。 アスペルガー精神3級独身会社員34歳男です。 最近心身共に疲れがもの凄…hayakushinene12
-
私の彼氏は毒親育ちで、うつ病を患い、家を追い出された後ホームレスになって、現在は何故か逮捕されて留置…匿名質問者1
＞ちなみに、IEは8でした。
これって、IE8 で、ぼくが jsFiddle に置いたコードは正しく動くってことですよね。
「私の環境」に、jsFiddle に書いたコードを置いても、正しく動かない、ってことでしょうか？
おっしゃる通りです。
私の環境というのは、語弊がありました。
IE8でもFirefoxでも、jsFiddleではOKで、私のページにそれを組み込んだものはNGでした。
組み込み方の問題なのか、jQuery1.6.4でやるのが間違えているのか、模索しています。
一番きれいな書き方ですから、いけるはずなんですけど・・。
DOCTYPE とか、バッサリ削ってるので、互換モードとかが関係するのかな...
<html>
<body>
<script src="jquery-1.6.4.js"></script>
... jsFiddle に書いたコード
</body>
</html>
なにがどうなったからNGなのかわからないとなんとも…
その、難しい要望です。
DOMを操作できるようになるまでではなく、イメージ等、遅れて表示されるものもすべて読み込んでから、ということです。
iframe内に表示する内容は、<BODY>タグにonLoadイベントが書かれているものです。
ちょっと試してみます。今日は時間切れなので、明日にでも報告します
編集することができるなら回答1にあるtriggerでいけると思います。
変化球な方法。
編集がダメなら、iframe内にある一番時間がかかりそうな画像を親フレームでも読み込んで、そのonloadしたタイミングをiframeの読み込み完了として処理するとか。
こちらでも動作確認とれました!
他の参考になりそうなページを色々試していたため、純粋なコードではなくなってしまっていたのが原因かな? と思われます。
ありがとうございました。