在动漫 js 中无法识别 stagger() 函数

Question

我刚开始使用 animeJS，它是一个不错的库。

但是，我想使用交错功能，如文档中所述，当我想使用交错功能时，我的控制台会给我以下消息。

"anime.stagger is not a function"

所以，我想知道我正在使用的 cdn 是否已经过时，或者我在此过程中错过了其他东西。否则，在我想使用交错函数之前，我的代码一直在工作。

        <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="stylesheet" href="main.css">
      <title>Document</title>
    </head>
    <body>

      <h1>Design for Grid</h1>

      <section>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </section>




      <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>


      <script> 

      let tl = anime.timeline({
        easing: 'easeOutExpo',
        duration: 750
      });

      //Add children
      tl.add({
        targets: 'section div',
        backgroundColor: 'rgb(111,193, 243)',
        delay: anime.stagger(300)
    })


        </script>
      </body>
    </html>

Answer 1

CDN 已过时，因为最新版本的 animeJS 已发布。即，3.0.1

干嘛！

Google 应该从顶部位置删除那些。 JK:=)

Answer 2

我遇到了同样的问题。我通过下载并使用最新版本 3.0.1 来修复它。你可以find it here。

在动漫 js 中无法识别 stagger() 函数

stagger() function not recognized in anime js

javascript

anime.js