Как заново инициализировать класс на дублированном элементе - PullRequest
Новая
       21

Как заново инициализировать класс на дублированном элементе

1 голос
/ 19 июня 2019

Я пытаюсь создать и запустить новый сайт.

Я использую этот плагин 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

Я знаю, что это беспорядок с vanilla js и jQuery, но код не мой родной язык.

С уважением, Йенс

...