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

Question

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

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

它正在运行，但我的页面中的所有图像都在执行操作。

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

Answer 1

你从当前元素上升，然后在父母中寻找所有图像....你只想在当前元素中find

更改为：

/* find within "this"*/
$(this).find('img.badge-item-animated-img').attr('src', src);

编辑：clcik on jpg，更改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;
    });
})