准备就绪时添加类，悬停时删除类

Question

我正在创建我的投资组合网站。我希望在准备好文档时添加类，并在悬停时将该类删除/更改为不同的类。 我在加载和悬停时对我的图像使用 lightgallery 和 CSS gram 过滤器。

$(document).ready(function() {
$("#gallery li a").load(function(){
    $($(this).find("img")[0]).addClass("inkwell");
});
$("#gallery li a").hover(function(){
    $($(this).find("img")[0]).removeClass("inkwell").addClass("mayfair");
}); });

上面的 jQuery 代码似乎不能正常工作。

请帮忙，谢谢。

Answer 1

锚点不加载，它从一开始就在那里，并且没有要加载的外部资源，所以没有 onload 处理程序

$(document).ready(function() {
    $("#gallery li a img").addClass("inkwell");

    $("#gallery li a").on({
      mouseenter : function() {
        $(this).find("img").removeClass("inkwell").addClass("mayfair");
      },
      mouseleave : function() {
        $(this).find("img").removeClass("mayfair").addClass("inkwell");
      }
    }); 
});

CodePen