Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在重复的元素上重新初始化类_Javascript_Jquery_Duplicates_Hover_Marquee - Fatal编程技术网

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

Javascript 如何在重复的元素上重新初始化类,javascript,jquery,duplicates,hover,marquee,Javascript,Jquery,Duplicates,Hover,Marquee,我正在尝试建立一个新的网站 我正在使用这个jQuery插件创建一些无限滚动元素: 我用它来制作悬停效果(图片): 它运行得有点好。在所有初始元素上,悬停效果都很好,但悬停效果不会对字幕中的重复元素生效。所有元素都会被创建,当你悬停的时候它不会触发 奇怪的是,一旦创建了新的副本,效果就会应用到元素上 你可以在她的行动中看到: 我可以追踪到这个,它不会对重复的元素开火。。。直到新的复制品被创造出来 [...document.querySelectorAll('[data-fx="4"] >

我正在尝试建立一个新的网站

我正在使用这个jQuery插件创建一些无限滚动元素:

我用它来制作悬停效果(图片):

它运行得有点好。在所有初始元素上,悬停效果都很好,但悬停效果不会对字幕中的重复元素生效。所有元素都会被创建,当你悬停的时候它不会触发

奇怪的是,一旦创建了新的副本,效果就会应用到元素上

你可以在她的行动中看到:

我可以追踪到这个,它不会对重复的元素开火。。。直到新的复制品被创造出来

[...document.querySelectorAll('[data-fx="4"] > a, a[data-fx="4"]')].forEach(link => new HoverImgFx4(link));
所以我的问题是,如何让它在重复的元素上激发

我是这样想的:

$( '.marquee-left').hover(function(link) {
        new HoverImgFx4(link)
    });
或者监听重复项出现的时间,然后触发它

您可以看到她的完整版本:

我知道香草js和jQuery很混乱,但代码不是我的第一语言

问候
Jens

看起来插件没有这样做的选项-也许你需要编辑它,并在元素完成后添加你自己的回调函数,我该怎么做?用我尝试过的更新了我的问题。看起来插件没有这样做的选项-也许你需要编辑它并添加你自己的回调函数,在元素完成后,我该怎么做?用我的尝试更新了我的问题。