2016-08-24 23 views
0

このような基本的な質問は私には許してください。私はUIの人ではありません。私の場合に関連することはできませんが、Googleのいくつかのことを試してみました。jQueryのロードがChromeで実行されていません

私はコード

var img = new Image(); 
var imageUrl = "some API which will get me the image"; 

$(img).attr('src', imageUrl).load(function() { 
    imageLoaded = true;    # line A 
}); 

を以下している私はattr機能がimg変数に属性を割り当てます、そして、後に画像が正常にロードされるたびに実行されるようにloadに渡された匿名関数を登録することを想定しています。 (私が間違っている場合は私を修正してください)

私はこれを開発ツールを使用してデバッグしようとしています。 Chrome 52の場合、行Aにヒットしません。 Chrome 51、Firefox 45では正しくヒットしています。この行のため、私のアプリケーションは動作していません。

私はjQuery 2.3.1

これが失敗する理由を任意のアイデアを使用していますか?何か不足していますか?

+5

「src」属性を設定する前に、「load」ハンドラ*を設定することをお勧めします。 – Pointy

+1

あなたは幸いです。多くの人がこの間違いを犯していますが、それがまだキャッシュされていないために中断することは決してありません。 –

+0

コメントありがとうございました。私は同意する、おそらく私はこれを変更する必要があります。しかし、私はこれを変更するいくつかの強い理由を与える必要があります。これが問題を引き起こしている問題であることを確認する必要があります。 –

答えて

0

apiが解決されたらsrcを割り当てる必要があります。

+0

いいえ、それは目的を解決しません。画像がロードされた後に「何か」をするためにこのように書かれた理由。だからこれは意味をなさない。 –

+0

イメージURLを持っているか、またはAPI呼び出しによってURLがフェッチされます。最初のケースではimage要素のloadイベントは機能しますが、後ではロード/完了/成功を待機する必要がありますアピコールのイベント –

+0

私を悩ます事は、いくつかのブラウザでの作業であり、他のブラウザでは起こりません。 'Chrome 52'では動作しません。' Chrome 51'と 'Chrome 53 beta'で動作します。 –

関連する問題