javascript - 无法从脚本标签 html 获取函数

Question

对 html 非常陌生，但我一直在尝试获取函数 TweenTo(elem,dur,style)来自此网络脚本

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>

这就是我想实现该功能的地方

 <img id="mainPic" src="mainPic.jpg" style="margin-top:70px;position:relative ! important" class="img-responsive" alt="Responsive image" onclick="startAnimation()">
        <script type="text/javascript">
             function startAnimation(){
                 TweenTo(document.getElementById('mainPic'),1,{width:600px})
             }
        </script>

我完全不明白为什么在图片上调用 onClick 时我无法运行此函数。感谢所有帮助，谢谢:D

Answer 1

阅读您正在使用的库的文档

https://greensock.com/tweenmax

function startAnimation(){
  TweenMax.to(document.getElementById('mainPic'),1,{width:'600px'})
}