Question

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

但是，我想使用stagger函数，如文档中所示，当我想使用stagger函数时，控制台会向我显示以下消息。

“ anime.stagger不是函数”

所以，我想知道我正在使用的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

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

哦！

Google应该从顶部位置删除那些位置。 JK：=）

Answer 2

我有同样的问题。我通过下载并使用最新版本进行了修复：3.0.1。您可以find it here。

动漫js无法识别stagger（）函数

2 个答案: