如何使用Javascript / jQuery创建和附加图像？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用Javascript / jQuery创建和附加图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1083字，纯文字阅读大概需要2分钟。

内容图文

我正在使用以下代码创建一个图像元素,加载它,然后将其附加到加载的文章.

$('<img />')
  .attr('src', 'image.png') //actually imageData[0].url
  .load(function () {
    $('article').append($(this));
    alert('image added');
  });

警报启动正常,但图像没有出现,当我检查元素时,它已被添加而没有结束斜线

<img src='image.png' >

为什么浏览器会删除正斜杠,如何阻止它？

更新：
感谢大家指出问题不是斜线(每天都是上学日),那么它会是什么呢？这是实例http://chris-armstrong.com/inspiration/?username=behoff

更新2：
好吧,看来我是一个白痴没有用其他图像测试这个,因为问题似乎与我正在使用的测试图像(http://img.ffffound.com/static-data/assets/6/dc01f803819405bfe160459021cfe6cc57766f9b_m.jpg).奇怪,因为当你点击网址时它会加载…但无论如何,感谢所有帮助人员,我学到了一些东西！

解决方法:

根据提供的信息,我们知道以下内容：

>图像已成功附加.
>图像已成功加载(否则您将无法获得警报()).

你有一个完全透明的图像(当然不太可能),或者我敢打赌你的CSS以某种方式阻止了它的显示.

这是使用您在演示中注释掉的CSS的示例.

http://jsfiddle.net/JxhaR/(无可见图像)

具体来说,culpret似乎是：

display: -webkit-box;

当我禁用它时,图像显示.

http://jsfiddle.net/JxhaR/1/(图像可见.)

内容总结

以上是互联网集市为您收集整理的如何使用Javascript / jQuery创建和附加图像？全部内容，希望文章能够帮你解决如何使用Javascript / jQuery创建和附加图像？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端