我的代码如下所示:

<div>
  <a href="#">
     <img src="#">
  </a>
</div>


img无法加载或丢失时,父div必须被隐藏(display:none),这样它就不会留下空白,而是将自身从存在中删除。我该如何实现?

最佳答案

您可以在此处执行的操作是通过创建一个内存图像元素并将其onload属性设置为原始图像的原始onerror属性来触发src和/或src事件。

参考代码:

$("<img/>")
    .on('load', function() { console.log("image loaded correctly"); })
    .on('error', function() { $(this).parent().parent().hide(); })
    .attr("src", $(originalImage).attr("src"));

关于jquery - 当child(img)无法加载时,如何隐藏(显示:无)父div?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43043234/

10-12 18:07
查看更多