jQueryのload関数のcallbackはDOMが読み込み終わったら実行されるようでした。画像を含む場合、画像読み込み後にイベントを起こしたい場合はどのように組めばよろしいのでしょうか?ご教示ください。
loadメソッドは特定の要素(img、iframeなどの外部ファイル)の読み込みにも対応しているはずだと思いますが。
以前Chromeで試したところ、中のimg要素の読み込み完了後までは待ってくれませんでした。
load()は動作不安定であんまり信頼できない。imagesLoadedを使用すべし。
ブラウザなどで挙動が変わるのでしょうか・・・?imagesLoaded・・・なんて便利なプラグインなのでしょう。使ってみます!
いつもはこんなので動いてます
$(window).load(function(){ //この中に処理を書く});
jqueryのバージョンが新しい場合は
$(window).on(’load’, function(){ //この中に処理を書く});
これはブラウザのロード時ですよね?ajaxなどでロードし、それに付随するimgが完了後の処理にも使えるのでしょうか?ちなみに上と下とで処理の違いはあるのでしょうか?
ブラウザ・ロード時ですね。上下の動きは同じだったはずです。ajaxのロード時は怪しいので、もう少し厳密に書かないとダメだと思います
以前に、ajaxを利用して同じことやったことがあるけど、特に不具合はなかったな。具体的には何をやりたいんでしょうか?
みんなの回答 4 件
loadメソッドは特定の要素(img、iframeなどの外部ファイル)の読み込みにも対応しているはずだと思いますが。
load()は動作不安定であんまり信頼できない。imagesLoadedを使用すべし。
jquery:指定した画像が読み込まれたら実行|JavaScript|グラビカ学習帳~ホームページ制作会社 gravity wo...
http://www.gravity-works.jp/gravica/web/js/003021.htmlいつもはこんなので動いてます
$(window).load(function(){
//この中に処理を書く
});
jqueryのバージョンが新しい場合は
$(window).on(’load’, function(){
//この中に処理を書く
});
以前に、ajaxを利用して同じことやったことがあるけど、特に不具合はなかったな。具体的には何をやりたいんでしょうか?
関連するトピックス