2015-01-18 2 views
0

У меня есть div с идентификатором «start». Когда я нажимаю на нее, я хочу, чтобы она двигалась. Я добавил событие onclick к функции «Move();»TweenLite отклоняет объект анимации

По какой-то причине TweenLite отказывается анимировать объект.

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

Есть ли у кого-нибудь идеи, что может вызвать это?

Update:

я не получаю никаких ошибок в консоли, ни каких-либо предупреждений. Журнал отображается в консоли, поэтому я знаю, что функция выполнена.

TweenLite загружается в тегах головки, используя следующую строку

<script src="bower_components/greensock/src/minified/TweenLite.min.js"></script> 

И это на следующий DIV:

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

Не могли бы вы предоставить дополнительную информацию, например, любые ошибки, которые вы могли бы получить, любую информацию, отправляемую на консоль и т. Д., Что вы пытались решить проблему, опубликовать больше своего кода, если вы считаете, что это поможет. [Здесь] (http://stackoverflow.com/help/how-to-ask) - хорошая рекомендация по заданию хороших вопросов, которые помогут вам получить наилучший ответ. – Scriptable

+0

Вы загружаете GSAP CSSPlugin? .. Это требуется, если вы хотите анимировать свойства CSS, такие как ** x ** (translateX). TweenLite не включает CSSPlugin в TweenLite. Но ** TweenMax ** включает CSSPlugin для удобства. Посетите документы CSSPlugin для получения дополнительной информации: http://greensock.com/docs/#/HTML5/Plugins/CSSPlugin/. Также см. Документы TweenMax: http://greensock.com/docs/#/HTML5/Animation/ TweenMax/ –

+0

Я заметил, что вы только анимации буквально 1 пиксель вправо (x: 1), поэтому, возможно, это анимация отлично, но вы просто не видите ее, потому что она анимирует 1 пиксель в течение 1 полной секунды. Помните, что x: 1 подобен transform: translateX (1px), который похож на смещение от «нормального» положения элемента в потоке документа. Это не абсолютная координата пикселя на сцене/странице. – Jack

ответ

0

Проверьте библиотеки GSAP (CSS плагин включен) загружаются. Убедитесь, что функция Move() объявлена ​​ПОСЛЕ того, как ваша кнопка div была загружена.

Смежные вопросы