Question

所以我正在使用此awesome answer来嵌入默认图像，如果找不到我正在查找的图像。这一切在初始加载时效果很好，但我在单元格上有一些点击监听器，它包含这个对象/图像标记，每次点击它时，我都必须使用jQuery重新渲染单元格。

当重新渲染发生在图像存在的单元格上时，一切都很好。但对于需要使用默认图像的单元格，用户会看到重新渲染/重绘快速小闪光，因为它试图渲染第一个不存在的图像，然后失败，然后它会变为默认图像。但是这种导致图像消失然后在一瞬间回来的小舞蹈有点令人讨厌。有办法解决这个问题吗？就像“在你知道要加载哪个图像之前不要重新刷新这一部分”之类的东西？

Snippet看起来像这样：

<body>   
  <object data="http://example.com/<@ someImageBasedOnSomeVariable @>">
    <img src="http://example.com/default.png">
  </object>
</body>

Answer 1

您可以使用.error和.load功能：

$("img")
.load(function() { //run stuff normally })
.error(function() { //run stuff with the default image })

如果未找到src图像，则会在每次重新渲染时导致恼人的重绘时出现默认图像

1 个答案: