Greensock切換動畫不能在點擊

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對象）。如果您只想爲單個按鈕設置動畫，請改用「this」。下面的代碼應該可以工作：

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