0

以下代码块隐藏了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合规的。因此，该文档未通过 w3c 验证过程进行验证。

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

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

任何关于使用 jQuery 的替代解决方案的参考或指南也应受到赞赏。

4

1 回答 1

1

jQuery 中一个甚至不需要图像 id 或类的简单解决方案是：

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

并由名为coder的用户在https://stackoverflow.com/a/10447080/1799764回答

于 2013-02-26T13:58:03.907 回答