javascript - 使用ajax和innerHTML插入时,图像不会在ie9中显示,直到用户右键单击并单击 "Show Pictures"

标签 javascript ajax internet-explorer-9 innerhtml

我正在升级一个网站以与 IE9 一起使用(我真的讨厌 IE),经过一番摆弄后,一切终于成功了,除了当使用如下代码将 html 插入页面时,没有将显示图片。

$("#div").innerHTML(htmlToInsertWithImgTags);

插入的 HTML 看起来有点像这样:

IE9 not showing pictures in html inserted using Ajax and innerHTML

如果您右键单击任何图片,然后单击“显示图片”,它们都会神奇地出现,如下所示:

IE9 showing pictures

最佳答案

出现这种情况是由于 Internet Explorer 中的信任设置造成的,但如果您要插入的图像已存在于网页上,则 Internet Explorer 会信任新内容并显示图片。

所以我们解决了这个问题,但将如下代码(我知道这不是好的html)添加到页面的静态部分,然后当使用Ajax和innerHTML插入这张图片时,一切都按照您的方式工作会期望。

<img url="redcircle.gif" style="display:none" />

关于javascript - 使用ajax和innerHTML插入时,图像不会在ie9中显示,直到用户右键单击并单击 "Show Pictures",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21487436/

相关文章:

css - 用于在非链接元素上悬停样式的 Internet Explorer hack?

javascript - HTML5 音频——分析输出?

javascript - 如何更改 JS 库 highcharts 的高度和工具提示宽度?

javascript - 保护文本框免受键盘输入的影响

c# - WebBrowser控件使用IE9

cookies - CORS 不适用于 IE10 中的 cookie

javascript - 对象可能是字符串值 'undefined' 上的 Typescript 中的 ''

javascript - 用Js返回页面的第一张图片src?

javascript - 如何将 FB javascript API 与我的后端集成?

MVC3 中的 ASP.NET AJAX 控件?