Question

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的工作感到困惑。

这里的问题在哪里？

Answer 1

您是否声明了能够使用点击方法的点击对象？如果没有，请用之前声明的MenuButton变量（已经是jQuery对象）替换它。如果您只想为单个按钮设置动画，请使用＆＃34;此＆＃34;代替。下面的代码应该有效：

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;
});

Greensock切换动画无法点击

1 个答案: