错误的img标记不在Internet Explorer中显示图像

时间:2017-07-18 10:34:25

标签: javascript php jquery wordpress internet-explorer

由于一些写得不好的代码,我们的一个WordPress主题会产生一个奇怪的标签。 Chrome和Edge可以正常读取标记,但Internet Explorer拒绝显示图像。

这是Chrome和Internet Explorer中标记的输出方式。

<img src="&lt;img width=" 806"="" height="605" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin.jpg 806w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-152x114.jpg 152w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-768x576.jpg 768w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-253x190.jpg 253w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-506x380.jpg 506w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-600x450.jpg 600w, https://www.prikkabelled.nl/wp-content/uploads/Feestverlichting-voor-in-de-achtertuin-200x150.jpg 200w" sizes="(max-width: 806px) 100vw, 806px">

我是否可以应用某种前端脚本或代码,以便Internet Explorer显示图像?

我可以使用$('.class').removeAttr('src')删除src属性,但这似乎无法解决问题。

对于您的观看方式,我已添加了网址:https://www.staging1.prikkabelled.nl/referenties/

2 个答案:

答案 0 :(得分:0)

尝试以下方法:

  1. 删除src属性,即: src =“&lt; img width =”

  2. 删除 806“=”“

  3. 我认为上述2应解决您的问题。

答案 1 :(得分:0)

事实上,你的问题不是关于img标签本身,而是关于img标签之前的问题。

在chrome中,我检查了源页面,我发现了这个:

<img src="<img width="430" height="397" ...

我认为您应该在WYSIWYG编辑器中或直接在模板中观察生成的源