Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите настроить Vivus с Svg-inject'ором (https://javascript.ru/forum/dom-window/85309-pomogite-nastroit-vivus-s-svg-inject%27orom.html)

WebMachine 18.06.2023 01:34

Помогите настроить Vivus с Svg-inject'ором
 
Здравствуйте.
Есть сайт: https://brain-skills.github.io/cleaning/

Подключил 2 скрипта:
1. svg-inject.js, который преобразует img src="ico.svg" в чистый svg
и
2. vivus js. Но чтобы вызвать vivus js надо использовать функцию с callback'ом.

Функция с callback'ом:
var $svgIconBox = $('.icon');
$svgIconBox.each(function() {
    var $this = $(this),
        $svgIcon = $this.find('.svg-icon'),
        $id = $svgIcon.attr('id'),
        $icon = $svgIcon.data('svg-icon');
    var $vivus = new Vivus($id, { duration: 60, file: $icon });
    $this.on('mouseenter', function () {
        $vivus.reset().play();
    });
});


пытаюсь вызвать эту функцию с callback'ом но у меня выдаёт ошибку:
Uncaught Error: Vivus [constructor]: "element" parameter is required
(можете убедиться сами, в консоли:)

Данная функция с callback'ом у меня работает тут : https://brain-skills.github.io/parallax-effects/

Помогите пожалуйста написать правильный вызов с этим callback'ом..


Часовой пояс GMT +3, время: 20:56.