jQuery .on（＆＃39; load＆＃39;）并不总是激发

Question

我正在显示一个微调器，直到图像被加载，然后，一旦图像被加载，我就会在旋转器上褪色。这非常有效 - 但并非总是如此。

这是我的代码：

$(document).ready(function() {

    var $img = $('img', 'div.image>figure');

    $img.on('load', function() {
        $(this).fadeIn();
    });
});

这在第一次完美无缺，然后，在重新加载页面后，或从另一页面返回时，图像不会淡入。

我认为这可能与缓存的图像有关，因此

1. 实际上没有通过jQuery正在侦听的内容加载，或者
2. 在文档准备好之前加载？

我怎样才能让jQuery听到正确的东西？我想对jQuery说的是：当图像被加载时，或者它已经存在时，将其淡入。

修改：我的图片被display: none隐藏在CSS中。