TweenLite 没有动画

我正在尝试使用 GreenSocks TweenLite for Javascript 制作一个简单的上边距动画。我已经使用过该库很多次了，但是由于某种原因，这次它不起作用。注意：“onComplete”正在触发，但是无论我使用什么元素，我都无法为 HTML 元素上的任何 CSS 属性设置动画。

HTML

<div id="GS_PipelineHeadline h2"></div>

脚本语言

TweenLite.to("#GS_PipelineHeadline h2", 0.5, 
{ 
    "margin-top": 0, 
    ease: "Back.easeOut", 
    onComplete: function () 
    { 
        console.log("Crap"); 
    } 
});

这是我创建的一个真正快速的 JSFiddle，其中包含所有 CSS、JS 和 HTML。http://jsfiddle.net/mBPug/ http://jsfiddle.net/mBPug/

如果有人有任何想法，我将不胜感激！

一些东西：

• add the CSS插件 //cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js到你的小提琴
• "margin-top"不会做太多事情，使用top instead

.

TweenLite.to("#GS_PipelineHeadline", 0.5, {
    top: 0,
    ease: Back.easeOut,
    onComplete: function () {
        console.log("Crap");
    }
});

http://jsfiddle.net/mBPug/4/ http://jsfiddle.net/mBPug/4/