准备好添加类，在mouseenter上删除类

我正在创建我的投资组合网站。 我希望在文档就绪上添加类，并在hover时删除/更改该类到不同的类。 我在加载和hover时使用lightgallery和CSS克filter来处理我的图像。 以前，我添加了一个列表。 不幸的是，它并不适合我的需求。 以前的代码

$("#gallery a").on({ mouseenter : function() { $(this).find(".nak-gallery-poster").removeClass("inkwell").addClass("mayfair"); }, mouseleave : function() { $(this).find(".nak-gallery-poster").removeClass("mayfair").addClass("inkwell"); } }); 

我改变了jQuery以匹配前面代码中的内容。 这没用。 请帮忙。 我的CodePen

Answer 1

删除代码

 $lg.lightGallery(); $lg.append(slide); $lg.data('lightGallery').destroy(true); $lg.lightGallery(); 

从您的codepen，然后一切正常

好像你错过了一些插件或放错了代码

Answer 2

而不是使用两个类编辑你的CSS这样

 .inkwell{ color: red; } .inkwell:Hover{ color: blue } 

这比jquery更简单，更简单，你可以根据自己的需要添加背景颜色和任何你想要的东西

Answer 3

您好我在codepen中查看了您的代码并发现您没有在document.ready（function（）{…}中包含mouseenter和其他方法方法。我想发布此作为注释，但他们不会让我这样做，因为我有不到50个代表点。

请在document.ready中添加这些代码，它们可以正常工作。 由于脚本在DOM加载之前执行，因此事件未注册。

是的$ lg也未定义，但其他人提到它所以我离开了它。 现在加。