Добавить класс на готовом, удалить класс на hover

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