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

Question

我正在创建我的投资组合网站。我希望在文档准备好时添加 class，并在悬停时将 class 添加到另一个 class remove/change。我在加载和悬停时对我的图像使用 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

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

Add Class on ready, remove class on hover

jquery

hover

onload

css-filters

lightgallery