Question

以下代码块隐藏了动态填充的空图像及其标题的占位符（imagecontent）：

<head>
<script type="text/javascript">
  function empty_image_handler() {
    document.getElementById("imagecontent").style.display = "none";
  }
</script>
</head>

<body>
<div id="imagecontent"> 
      <img src="imagearchive/<?php echo $row_images['mage_link']; ?>" alt="<?php echo $row_images['image_caption']; ?>" onerror= 'empty_image_handler();' />
      </div>
</body>

问题是虽然上面的代码块与xhtml DOCTYPE完全兼容但是html DOCTYPE符合imagecontent。因此，文档未通过w3c验证过程进行验证。

此外，如果没有找到图像，我不想用xhtml DOCTYPE div中的空格替换任何替代虚拟图像。

是否有任何html DOCTYPE合规性错误处理程序事件类似于onerror合规性jQuery事件，以处理应通过验证过程验证的空图像？

任何有关{{1}}的替代解决方案的参考或指南也应该受到赞赏。

感谢，

Answer 1

jQuery中的简单解决方案，即使不需要图像ID或类，也是：

$("img").error(function(){
   $(this).hide();
});

并且https://stackoverflow.com/a/10447080/1799764

上的用户名为编码器

xhtml合规性错误处理程序事件，如html遵从性onerror事件，以处理空图像

1 个答案: