Question

我正在创建我的投资组合网站。我想在文档准备好上添加类，并在悬停时删除/更改该类到不同的类。我正在使用lightgallery＆amp; CSS克在加载和悬停时过滤到我的图像。以前，我添加了一个列表。不幸的是，它并不适合我的需求。 Previous code

$("#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也未定义，但其他人提到它所以我离开了它。现在加入。

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

3 个答案: