jquery - 当博客加载更多图像时，mouseover 和 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 张图片中看到它 -博客页面- 警告：包含成人内容！

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

提前致谢

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);
    });
});