Анимация переключения Greensock не работает при нажатии

var MenuButton= $('.menu-button');

var clicked = false;
click.click(function() {

   if(clicked){
        TweenMax.to(menu-button, 1, {left: '100%', ease:Bounce.easeOut});
   }else{
        TweenMax.to(menu-button, 1, {left: '0%', ease:Bounce.easeOut});
   }
   clicked = !clicked;
});

У меня есть кнопка меню (класс div). При нажатии кнопка должна двигаться влево. Я понятия не имею, что я делаю неправильно. Я также попытался заменить кнопку меню на MenuButton. Я больше привык к jquery, поэтому немного смущен тем, как переключение работает с Greensock.

Где здесь проблема?


jquery gsap
person Steve    schedule 13.11.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы объявили объект щелчка, который может использовать метод щелчка? Если нет, замените его объявленной ранее переменной MenuButton (которая уже является объектом jQuery). Если вы хотите анимировать только одну кнопку, используйте «это». Код ниже должен работать:

var MenuButton= $('.menu-button');
var clicked = false;
MenuButton.click(function() {
    if(clicked){
        TweenMax.to(this, 1, {left: '100%', ease:Bounce.easeOut});
   }else{
        TweenMax.to(this, 1, {left: '0%', ease:Bounce.easeOut});
   }
   clicked = !clicked;
});
person Fusion    schedule 03.12.2014