Показать сообщение отдельно
  #1 (permalink)  
Старый 18.06.2023, 01:34
Кандидат Javascript-наук
Отправить личное сообщение для WebMachine Посмотреть профиль Найти все сообщения от WebMachine
 
Регистрация: 11.10.2016
Сообщений: 141

Помогите настроить 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'ом..

Последний раз редактировалось WebMachine, 18.06.2023 в 04:12.
Ответить с цитированием