jqueryが動作していない外部画像をロードする

Question

jqueryでajax呼び出しで画像をロードしようとしています（This hereを使用）。それはまったく動作していないし、私は何が間違っているのか分からない、私は火かき棒を使用しており、どんな要求も見ない。どんな助けもありがとう。

あなたは画像が実際にロードする前に loadイベントハンドラを明確に設定されるように srcを設定する前に loadイベントハンドラを設定することになるでしょう

var img = $('<img />').attr('src', thumbnailUrl).load(function() { 
        if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { 
         alert('broken image!'); 
        } else { 
         $("#imageHolder").append(img); 
        } 

       }); 

Answer 1

：ここ

var img = $('<img />').load(function() { 
    $("#imageHolder").append(img); 
}).error(function() { 
    alert('broken image!'); 
}).attr('src', thumbnailUrl); 

はデモです：http://jsfiddle.net/Y2SWB/

通知loadイベントハンドラ内のエラーを処理するのではなく、.error(function() {...})呼び出しを追加しました。