我的问题是,当我尝试重新加载/重置动画 GIF 时,当您单击静态图像时,它将从头开始播放动画图像,如下所示:
$(this).parent().find('img.badge-item-animated-img').attr('src', src);
它正在工作,但该操作正在针对我页面中的所有图像进行。
我怎样才能让它只发生在我点击的那个上?
最佳答案
您将从当前元素向上查找,然后在该父元素中查找所有图像...您只想在当前元素中查找
更改为:
/* find within "this"*/
$(this).find('img.badge-item-animated-img').attr('src', src);
编辑:在jpg上进行clcik,更改GIF的src:
$('.badge-item-img').click(function(){
$(this).parent().next().find('img.badge-item-animated-img').attr('src',function(i,src){
/* replace src with same vale so GIF refreshes*/
return src;
});
})
关于jquery - 我在一个页面上有一堆 GIF 图像。如何防止所有这些(JQuery)操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20255626/