Jquery 鼠标盖&;当博客加载更多图像时,鼠标移出淡入淡出效果停止

Jquery 鼠标盖&;当博客加载更多图像时,鼠标移出淡入淡出效果停止,jquery,jquery-animate,mouseover,opacity,fade,Jquery,Jquery Animate,Mouseover,Opacity,Fade,我有一个博客,在那里我用鼠标盖上的淡入淡出效果来改变图像的不透明度。好吧,问题是我的博客有无限的滚动,当它加载更多的图片时,它们不会出现这样的效果:S 以下是jquery im使用的: <script type='text/javascript'> $(document).ready(function(){ $("#entry img.photo").on({ mouseover: function() { $(this).fadeTo('slow', .5); },

我有一个博客,在那里我用鼠标盖上的淡入淡出效果来改变图像的不透明度。好吧,问题是我的博客有无限的滚动,当它加载更多的图片时,它们不会出现这样的效果:S

以下是jquery im使用的:

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

$(文档).ready(函数(){
$(“#输入图片”)。在({
mouseover:function(){$(this.fadeTo('slow',.5);},
mouseout:function(){$(this.fadeTo('slow',1);}
});
});
还有一个博客页面,你可以在10到11张图片中看到它——警告:包含成人内容

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

提前感谢

试试这个:

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

    $(document).on('mouseout', 'img.photo', function() {
        $(this).fadeTo('slow', 1);
    });
});
请记住使用
.stop()
,这样当你快速地将鼠标进出图片几次后,它不会一直褪色。。。