在使用类添加aos.js时遇到问题

Question

我有一个古腾堡网站，我想添加动画，使用可以控制，我正在使用aos (滚动动画)，我想，如果我创建一个类，然后循环它，并添加相关的数据-AOS值，例如

$('.aos-fade-up').each(function(i) {
    $(this).attr('data-aos', 'fade-up');
});

它按预期工作，添加了相关属性，内容被隐藏，但在滚动上没有任何反应。

这里的问题是什么？这个属性是开的，它会隐藏内容，但在滚动时什么都不会发生。

请在这里输入：https://codepen.io/StuartAttain/pen/MWWzVpe

Answer 1

在进行替换之后，您必须使用init：

https://codepen.io/farinspace/pen/bGVppQb

或者之后做一个AOS.refreshHard();：

https://codepen.io/farinspace/pen/ExVKKrw