将AOS动画添加到具有特定类的所有元素中

Question

我想将AOS动画添加到所有具有animate_right类的元素中。我使用了这段代码，它将所有html (属性和类)添加到标记中，只有动画不起作用。这是我的密码

  <script src="/js/aos.js"></script>
  <script>
    AOS.init({
      easing: 'ease-in-out-sine'
    });
    
    $(document).ready(function () {
    $(".animate_right").addClass("aos-item aos-init aos-animate");
    $('.animate_right').attr({
        "data-aos": "fade-right",
        "data-aos-once": "false",
        "data-aos-duration": "600"       
    });
</script>

Answer 1

您必须在初始化AOS之前添加这些属性。如下所示：

​

<script>
    // first add attributes
    $('.animate_right').attr({
        "data-aos": "fade-right",
        "data-aos-once": "false",
        "data-aos-duration": "600"       
    });
    
    // now initialize AOS
    AOS.init();
  </script>

​