jQuery: anime.js для нескольких целей

Чтобы избежать «нажатия на холст, чтобы активировать привязки клавиш», я нашел более простой код на следующем сайте:

http://ubuntuforums.org/showthread.php?t = 1378609

Он пытается связать фрейм, но я реализовал его в своем собственном коде, и виджет холста также работает. Ваш код будет выглядеть следующим образом:

w.focus_set()
w.bind(, callback)

0
задан niksos 7 March 2019 в 19:34
поделиться

1 ответ

Попробуйте следующее. Цель состоит в том, чтобы попытаться создать селектор, который нацелился бы на конкретный элемент, с которым произошло представление.

var $allML3 = $('.ml3').on('inview', function(event, isInView) {
  if (isInView) {
    var index = $allML3.index(event.target);
    var specificTargetSelector = `.ml3:nth-child(${index + 1}) .letter`
  
    anime.timeline({
      loop: false
    }).add({
      targets: specificTargetSelector,
      opacity: [0, 1],
      easing: "easeInOutQuad",
      duration: 550,
      delay: function(el, i) {
        return 80 * (i + 1)
      }
    });
  }
});

index + 1 связано с тем, что :nth-child() начинается с 1, а не с 0.

0
ответ дан Taplar 7 March 2019 в 19:34
поделиться
Другие вопросы по тегам:

Похожие вопросы: