jQuery 将图像附加到 div 不显示，但可以在 Firebug 上看到它

Question

我有这个设计应用程序，它允许用户使用 jQuery 在 div 上动态添加文本（追加）。文本是使用 ImageMagick 生成的（因此它有一些效果，如曲线、波浪等。）并且它是 png 格式。

我的问题是，每当我尝试处理图像并将其 jQuery“有时”附加到 html div 时，它都不会显示，但是当使用 firebug 检查时，我可以看到元素/图像就在那里。我猜这是关于生成图像时互联网连接的“延迟”。

有没有办法“预加载”或确保在将图像附加到 div 之前创建图像？

该图像是通过 jQuery 使用“shell_exec(“imagemagick command”)”发布到“php”文件创建的，并且我已经在发布完成时添加了一个回调（追加发生在此处）。

谢谢 （”，）

Answer 1

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