jquery - 我在一个页面上有一堆 GIF 图像。如何防止所有这些(JQuery)操作？

Question

我的问题是，当我尝试重新加载/重置动画 GIF 时，当您单击静态图像时，它将从头开始播放动画图像，如下所示:

$(this).parent().find('img.badge-item-animated-img').attr('src', src);

它正在工作，但该操作正在针对我页面中的所有图像进行。

我怎样才能让它只发生在我点击的那个上？

Answer 1

您将从当前元素向上查找，然后在该父元素中查找所有图像...您只想在当前元素中查找

更改为:

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