TweenMax GSAP沒有動畫，僅在Codepen中有效嗎？

Question

剛開始使用GSAP Tweenmax，但是我遇到了一些問題。 可能這是我犯的一個愚蠢的錯誤，但我無法弄清楚。

當我在Codepen上運行此代碼時，它可以工作，但是當我從Web服務器上運行它時，它什么也沒做。

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文件末尾的腳本，以便它可以找到要制作動畫的div的“ id”。

TweenMax GSAP沒有動畫，僅在Codepen中有效嗎？

問題描述

1 個解決方案

解決方案1
1 2017-09-26 11:24:14

TweenMax GSAP沒有動畫，僅在Codepen中有效嗎？

問題描述

1 個解決方案

解決方案1 1 2017-09-26 11:24:14

解決方案1
1 2017-09-26 11:24:14