jquery动画无法在页面加载时工作

Question

我正在使用jquery动画来平滑加载每个页面中的相同图像。但是它在第一次加载时加载正常但在单击并导航到另一页后图像不会加载。

是因为页面是静态的html（jekyll）页面是否被缓存？

再次刷新页面时，动画工作正常。或者他们是一种解决方法吗？ 或者我应该使用css3动画？

代码

css

 #myimg {opacity : 0};

JS

 $(document).ready(function(){
 $('#myimg').bind('load' , function(){
 $(this).animate({opacity: 1});
});
});