刚开始使用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"})
有人可以告诉我我在做什么错吗？
谢谢，
麦可
最佳答案
我已经发现了问题，我在标题中加载了js脚本。
我唯一需要做的就是替换html文件末尾的脚本，以便它可以找到要制作动画的div的“ id”。
关于javascript - TweenMax GSAP没有动画，仅在Codepen中有效吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46424699/