鼠标悬停＆amp;当博客加载更多图像时，mouseout淡入淡出效果停止

Question

我有一个博客，我正在使用鼠标悬停和鼠标输出更改图像不透明度的淡入淡出效果。好吧，问题是我的博客有无限滚动，当它加载更多图像时，它们不会出现效果：S

这里是使用jquery：

<script type='text/javascript'>
$(document).ready(function(){
    $("#entry img.photo").on({
    mouseover: function() { $(this).fadeTo('slow', .5); },
    mouseout: function() { $(this).fadeTo('slow', 1); }
});
});
</script>

并且有一个博客页面，您可以在10到11张图片中看到它 - BLOG PAGE - 警告：包含成人内容！

如果有人知道如何解决这个问题，请告诉：）

提前致谢

Answer 1

试试这个：

$(document).ready(function(){
    $(document).on('mouseover', 'img.photo', function() {
        $(this).fadeTo('slow', .5);
    });

    $(document).on('mouseout', 'img.photo', function() {
        $(this).fadeTo('slow', 1);
    });
});