I have images on my page. User can add more images onto the page by clicking a button. New images are added asynchronously. Initially, each image on page use a special class to be used when the image is loaded. After the image is loaded, that class is removed.
Each image being loaded has the class imageLoading:
<img class="imageLoading" scr="someimage.png">
After those images are loaded, I remove that class (simplified code without details):
$('img.imageLoading')
.each(function(){ $(this)
.load(function(){ $(this)
.removeClass('imageloading');
});});
Visually, I see that style is removed. But when I run the query again:
$('img.imageLoading')
I see via debugging that all images, not just loading ones, are returned, i.e. it works like I didn't remove the class for the images that were already loaded.
I had a look into the page source, and I saw that actually in HTML the class was not removed, though removeClass() was called.
Is that behavior by design that all visual changes are applied but the class attribute is not removed in HTML code? If so, how it can be workarounded in this case. Or, probably, I missed something.