隐藏破碎的图像jQuery

Question

我有内容与破碎的图像,每页中的多个图像.一些图像具有空的src值,而一些图像只有404个链接.

我一直在尝试使用

<script type="text/javascript">
$(document).ready(function () {
    $("img").error(function(){
    $(this).hide();
    });
}); 
</script>

它没有按预期工作,在IE中不起作用,在chrome中我必须在第一次加载后重新加载页面以隐藏图像.谷歌搜索了很多,但所有其他代码是相同的.

编辑<img>标签对我来说不是一个选择.

这段代码出了什么问题？

Answer 1

请改用它

<img src="image.png" onError="this.onerror = '';this.style.visibility='hidden';" />

测试

或者你可以为你的所有图像做到这一点

$(window).load(function() { 
   $("img").each(function(){ 
      var image = $(this); 
      if(image.context.naturalWidth == 0 || image.readyState == 'uninitialized'){  
         $(image).unbind("error").hide();
      } 
   }); 
});

演示