Javascript 使用fadeIn（）don'；当页面被缓存或通过“后退”按钮访问时，无法加载

在我的脚本开始时，我有：

jQuery(function() {
  jQuery('img.thumbnail').hide().load( function() {
    jQuery('img.thumbnail').fadeIn();
  });
});

加载时，页面上的所有缩略图都会很好地淡出。但是，当我第二次访问页面时（缓存页面时），或者当我在浏览器中按“后退”按钮时，图像将保持隐藏状态，并且永远不会出现。我必须手动刷新页面

我做错了什么

---

谢谢。

试试这个，因为

.load（）

：

---

您是否尝试将其添加到

$（document）.ready（）语句中？然后，只要页面加载完毕，它就会运行。
@ensnare-您应该输入一个简单的
警报（“hello”）或
console.log（'fired'）$（）中的code>。就绪（…
），以确保在从缓存加载页面或通过“后退”按钮加载页面时正在执行。我更新了下面的答案，如果这不能解决问题，请告诉我。
jQuery(function() {
  jQuery('img.thumbnail').hide().each(function() {
     if (this.complete)
        $(this).fadeIn();
     else
        $(this).load( function() { $(this).fadeIn(); });
  });
});