在准备好的时候添加课程，在悬停时删除课程

问题描述

我正在创建我的投资组合网站。我期望在准备好的文档上添加类，并在悬停时移除/更改该类到不同的类。
我正在使用lightgallery&

I'm creating my portfolio website. I'm looking to add class on document ready, and remove/change that class to a different class on hover.I'm using lightgallery & CSS gram filters to my images on load and hover.

$(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代码似乎不太好。

the jQuery code above didn't seem to work well.

请帮忙，谢谢。

Please help, Thanks.

推荐答案

锚点不会加载，只是从一开始就有没有外部资源加载，所以没有 onload 处理程序

An anchor doesn't load, it's just there from the start and has no external resource to load, so there's no onload handler

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

这篇关于在准备好的时候添加课程，在悬停时删除课程的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！