Чтобы избежать «нажатия на холст, чтобы активировать привязки клавиш», я нашел более простой код на следующем сайте:
http://ubuntuforums.org/showthread.php?t = 1378609
Он пытается связать фрейм, но я реализовал его в своем собственном коде, и виджет холста также работает. Ваш код будет выглядеть следующим образом:
w.focus_set()
w.bind(, callback)
Попробуйте следующее. Цель состоит в том, чтобы попытаться создать селектор, который нацелился бы на конкретный элемент, с которым произошло представление.
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.