загружать внешние изображения с jquery не работает

Question

Я пытаюсь загрузить изображения через ajax-вызов в jquery, используя This here. он вообще не работает, и я не уверен, что я делаю неправильно, я использую firebug и не вижу никакого запроса. Любая помощь будет оценена по достоинству.

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

Вы хотите, чтобы установить обработчик load событий перед установкой src так, что обработчик load событие будет окончательно установить до того как изображение фактически загружает:

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

Вот демо: http://jsfiddle.net/Y2SWB/

Уведомление Я также добавил вызов .error(function() {...}) вместо обработки ошибок в обработчике событий load.