加载图像时删除类

Question

我有一个像这样的图像元素：

<img class="heroStr border" id="pictureId_<?php echo $row['id']; ?>" src="images/no_img.png" title="<?php echo $row['name']; ?>" data-src="<?php echo $row['imageUrl']; ?>" />

当data-src完成下载后，src被切换（“no_img”src显示临时图像，直到真实的图像加载完毕）。它与此代码完美配合：

jQuery("#element img").load(function(){
    jQuery(this).attr('src', jQuery(this).data('src'));
}); 

我想要做的是在加载图片时从border 删除 img类。我想我只是将jQuery(this).removeClass('border');添加到函数中，但它不起作用。

这样做的正确方法是什么？谢谢！

- 编辑 -

添加了jsfiddle您可以用来试用它。我现在想要实现的是在 data-src属性加载时删除边框类。

Answer 1

问题是这是一个异步调用，所以你试图删除一个实际上还不存在的类。您可以尝试使用.done()功能。