Jquery img on.load仅在刷新页面时才有效

Question

我有一些加载文本，只有在图像加载到页面上时我才想用按钮替换。

我正如此使用on.load：

$('img.house').on('load', function() {
        $('.loading').hide();
        $('#startgame').show(); 
});  

当我第一次访问该网站但当我刷新页面时，它的效果很好它不会隐藏.loading div。

如果我在页面上进行硬刷新，则可以正常工作......

有人可以帮我吗？

Answer 1

Jquery的.load有一些警告你可以在这里看到：https://api.jquery.com/load-event/

重要的是：

  

可以停止触发已存在于浏览器缓存中的图像

请查看此主题以获取其他人尝试解决您遇到的确切问题的可能解决方案：jQuery callback on image load (even when the image is cached)

编辑：干净，有一个插件可以解决这些小问题：https://github.com/desandro/imagesloaded