jQuery 将图像附加到 div 未显示但可以在 Firebug 上看到答案

【问题标题】：jQuery append image to div not showing but can see it on FirebugjQuery 将图像附加到 div 未显示但可以在 Firebug 上看到
【发布时间】：2012-01-25 00:13:17
【问题描述】：

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

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

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

图像是通过 jQuery post 创建到带有“shell_exec("imagemagick command")”的“php”文件中，并且我已经在帖子完成时添加了一个回调（附加发生在这里）。

谢谢 (",)

【问题讨论】：

您能告诉我们您尝试使用的代码吗？

标签： jquery imagemagick firebug jquery-append

【解决方案1】：

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

【讨论】：