準備中のクラスを追加する、ホバー上のクラスを削除する

Question

私のポートフォリオのウェブサイトを作成しています。ドキュメントの準備が整ったクラスを追加し、そのクラスをホバー上の別のクラスに削除/変更したいと考えています。 私はlightgallery &の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