檢測特定的圖像加載然後做點什麼...

Question

我開始慢慢地圍繞JS/Jquery，我需要幫助/指導如何檢測「特定」圖像何時「可見」，所以我可以刪除不同元素上的類。簡單的我確定...只是想理解邏輯。

JS。。

$('.my-big-hero').find('my-image-here.jpg:visible').removeClass('class-i-want-removed'); 

這可能是一個簡單的（和錯誤的方式）來顯示這一點，但它是給你的我想要實現的想法。我嘗試過不同的方式來寫這個，而不是獲勝。

欣賞任何幫助，你可以給....先進的感謝。

Answer 1

您可以使用.is("visible")和toggleClass功能，這樣一來：

$('.my-big-hero').find('my-image-here.jpg').toggleClass('class-i-want-removed', !$(this).is(':visible')); 

則該元素將有類class-i-want-removed，如果它是不可見的，一旦它是可見的類將被刪除。

Answer 2

使用jQuery，你也許能夠做這樣的事？：

$(".my-big-hero").find("my.image.here.jpg").on("load", function() { 
    $(this).removeClass("class-i-want-removed"); 
});