TweenLite拒绝动画对象

时间:2015-01-18 20:53:32

标签: animation tweenlite gsap

我有一个id为“start”的div。当我点击它时我想让它移动。我在函数“Move();”

上添加了一个onclick事件

由于某种原因,TweenLite拒绝为对象设置动画。

 function Move() {
    console.log("test");
    var startCircle = document.getElementById("start");
    TweenLite.to(startCircle, 1, {x:1});
}

有没有人知道可能导致这种情况的原因?

更新

我在控制台中没有出现任何错误,也没有任何警告。日志显示在控制台中,所以我知道该函数已执行。

使用以下行

将TweenLite加载到head标记中
<script src="bower_components/greensock/src/minified/TweenLite.min.js"></script>

这是以下div:

<div onclick="Move();" class="eclipse white center" id="start"></div>

1 个答案:

答案 0 :(得分:0)

检查是否加载了GSAP库(包含CSS插件)。确保在加载div按钮后声明了Move()函数。