Jquery 鼠标盖&;当博客加载更多图像时,鼠标移出淡入淡出效果停止
我有一个博客,在那里我用鼠标盖上的淡入淡出效果来改变图像的不透明度。好吧,问题是我的博客有无限的滚动,当它加载更多的图片时,它们不会出现这样的效果:S 以下是jquery im使用的: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); },
<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()
,这样当你快速地将鼠标进出图片几次后,它不会一直褪色。。。