jQuery追加圖像到div沒有顯示，但可以看到它在Firebug

Question

我有這個設計應用程序，它允許用戶動態添加文本（附加）使用jQuery的div。該文本是使用ImageMagick生成的（因此它具有曲線，波形等一些效果），並且它是以png格式。

我的問題是，每當我嘗試處理圖像和jQuery-將它附加到html div「有時」它不會顯示，但使用螢火蟲檢查時，我可以看到元素/圖像在那裏。我猜這是關於在生成圖像時在互聯網連接中的「延遲」。

有沒有辦法「預加載」或確保圖像被創建之前，它被附加到div？

該圖像是通過jQuery後創建一個「php」文件與「shell_exec（」imagemagick命令「）」，我已經添加了一個回調時發佈完成（追加發生在這裏）。

感謝（」）

Answer 1

$(".appender").click(function() { 
    $(".appendingDiv").append($('<img />').attr('src', 'http://imagesrc.com')); 
})