当博客加载更多图像时，mouseover 和 mouseout 淡入淡出效果停止

Posted 2023-05-08

【中文标题】当博客加载更多图像时，mouseover 和 mouseout 淡入淡出效果停止

【英文标题】：mouseover & mouseout fade effect stops when blog load more images

【发布时间】：2012-09-14 02:03:36

【问题描述】：

我有一个博客，我在其中使用鼠标悬停和鼠标悬停改变图像不透明度的淡入淡出效果。好吧，问题是我的博客有无限滚动，当它加载更多图像时，它们不会出现效果：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 - 警告：包含成人内容！

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

提前致谢

【问题讨论】：

记得使用.stop()，这样鼠标在图片中快速进出几次后它就不会一直消失...

【参考方案1】：

试试这个：

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

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