Javascript GSAP脚本标记正常，但不工作_Javascript_Html_Gsap

Javascript GSAP脚本标记正常，但不工作

javascript html

Javascript GSAP脚本标记正常，但不工作,javascript,html,gsap,Javascript,Html,Gsap,无论脚本的顺序如何，无论我尝试了什么，GSAP似乎都不起作用。我尝试了jQuery和GSAP的多种变体。有人能提供一个有效的例子吗 <!DOCTYPE html>  <!--[if IE 7]> <html class="no-js

无论脚本的顺序如何，无论我尝试了什么，GSAP似乎都不起作用。我尝试了jQuery和GSAP的多种变体。有人能提供一个有效的例子吗

 <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
     
    </head>
    <body>

       <div class = "gsap">
        x
       </div>

       <button onclick = "gsap()">run gsap</button>

       <script>
        function gsap() {
            gsap.to(".gsap", {duration: 2, x: 300});
        }
    </script>
    </body>
</html>


x
运行gsap
函数gsap（）{
gsap.to（“.gsap”，{持续时间：2，x:300}）；
}

问题是您正在加载一个旧版本的GSAP（坏），但试图使用GSAP的新语法（好）。加载最新版本的GSAP，您就可以开始了。目前的情况是：

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

您始终可以从任何CDN获取最新的CDN链接

若要调试此类错误，请查看是否正在开发人员工具的“网络”面板中加载资源

此外，不建议像在HTML中那样使用内联事件侦听器。相反，请使用。

在此处查看示例谢谢您，先生！