Question

我正在创建我的投资组合网站。我希望在文档就绪上添加类，并在悬停时将该类删除/更改为其他类。我正在使用lightgallery＆amp; amp; CSS克在加载和悬停时过滤到我的图像。

$(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

准备好添加类，在悬停时删除类

1 个答案: