ID:JdgHn7 さんの質問

jQueryのload関数のcallbackはDOMが読み込み終わったら実行されるようでした。画像を含む場合、画像読み込み後にイベントを起こしたい場合はどのように組めばよろしいのでしょうか?
ご教示ください。

みんなの回答 4 件

ID:CX4aDp さんの回答

loadメソッドは特定の要素(img、iframeなどの外部ファイル)の読み込みにも対応しているはずだと思いますが。

ID:JdgHn7

以前Chromeで試したところ、中のimg要素の読み込み完了後までは待ってくれませんでした。

ID:7fUuG7 さんの回答

load()は動作不安定であんまり信頼できない。imagesLoadedを使用すべし。

jquery:指定した画像が読み込まれたら実行|JavaScript|グラビカ学習帳~ホームページ制作会社 gravity wo...

http://www.gravity-works.jp/gravica/web/js/003021.html
ID:JdgHn7

ブラウザなどで挙動が変わるのでしょうか・・・?
imagesLoaded・・・なんて便利なプラグインなのでしょう。使ってみます!

ID:Zrclr7 さんの回答

いつもはこんなので動いてます

$(window).load(function(){
//この中に処理を書く
});

jqueryのバージョンが新しい場合は

$(window).on(’load’, function(){
//この中に処理を書く
});

ID:JdgHn7

これはブラウザのロード時ですよね?
ajaxなどでロードし、それに付随するimgが完了後の処理にも使えるのでしょうか?
ちなみに上と下とで処理の違いはあるのでしょうか?

ID:Zrclr7

ブラウザ・ロード時ですね。
上下の動きは同じだったはずです。
ajaxのロード時は怪しいので、もう少し厳密に書かないと
ダメだと思います

ID:j5YpKi さんの回答

以前に、ajaxを利用して同じことやったことがあるけど、特に不具合はなかったな。具体的には何をやりたいんでしょうか?

最終更新日:2014-07-18 (6,342 views)

関連するトピックス

ページ上部に戻る