加载检测特定图像然后做一些事情......

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");
});