Question

刚开始使用GSAP Tweenmax，但我遇到了一些问题。可能这是我犯的一个愚蠢的错误，但我无法弄明白。

当我在Codepen上运行此代码时，它可以工作，但是当我从我的网络服务器运行它时，它什么也没做。

HTML：

<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
        <link rel="apple-touch-icon" href="icon.png">
        <!--CDN links for TweenLite, CSSPlugin, and EasePack-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
        <script src="./js/main-test.js"></script>
        <style>

            #svg{position: absolute;}

         </style>



    </head>
    <body>
             <div id="svg"><p>testtesttesttest</p></div>
  </body>
      </html>

这是js：

var anim = document.getElementById('svg');
            TweenMax.to(anim, 2, {left:"100px"})

有人可以告诉我我做错了吗？

谢谢你，迈克尔

Answer 1

我已经发现了这个问题，我在标题中加载了js脚本。我唯一需要做的就是替换html文件末尾的脚本，这样就可以找到＆＃39; id＆＃39; div的动画。

TweenMax GSAP没有动画，只能在codepen中运行？

1 个答案: