如何在重复的元素上重新初始化类

Question

我正在尝试建立一个新站点。

我正在使用这个jQuery插件来创建一些无限滚动元素： https://github.com/aamirafridi/jQuery.Marquee

我正在将其用于悬停效果（图像）： https://tympanus.net/codrops/2018/11/27/image-reveal-hover-effects/

工作正常。在所有初始元素上，悬停效果都很好，但是悬停效果不会对选取框中重复的元素生效。所有元素均已创建，将鼠标悬停时不会触发。

奇怪的是，一旦创建了新的重复项，效果便会立即应用于元素。

您可以看到她的动作： http://thinkbear.net/demo/index-demo.html

我可以追踪到这个原因，它不会在重复的元素上触发...嗯，直到仍然创建了一个新的重复。

[...document.querySelectorAll('[data-fx="4"] > a, a[data-fx="4"]')].forEach(link => new HoverImgFx4(link));

所以我的问题是，如何使它在重复的元素上触发？

我在想这样的事情：

$( '.marquee-left').hover(function(link) {
        new HoverImgFx4(link)
    });

或者侦听何时出现重复项，然后将其触发。

您可以看到她的完整版本： http://thinkbear.net/demo/index-alt.html

我知道与香草js和jQuery混在一起，但代码不是我的母语。

亲切的问候 詹斯