Как вызвать несколько кнопок для выполнения одной и той же функции в tweenmax?

Question

В настоящее время я использую tweenMax для создания веб-сайта, и я хотел бы спросить, есть ли кто-нибудь, кто знает, что tweenmax - это что-то вроде массива, что означает, что одна простая строка кода вызывает несколько кнопок для выполнения одной и той же функции. Ниже мой текущий код, который мне нужно скопировать и вставить, если новая кнопка добавлена.

btn.onclick = function() { 
    TweenMax.staggerTo([box4, box3, box2, box, box8, box7, box6, box5, box9, ], 1, {right:"-25000", ease:Quad.easeIn}, 0.05); 
}; 

btn2.onclick = function() { 
    TweenMax.staggerTo([box4, box3, box2, box, box8, box7, box6, box5, box9, ], 1, {right:"-25000", ease:Quad.easeIn}, 0.05); 
}; 

btn3.onclick = function() { 
    TweenMax.staggerTo([box4, box3, box2, box, box8, box7, box6, box5, box9, ], 1, {right:"-25000", ease:Quad.easeIn}, 0.05); 
}; 

Answer 1

Fusion является правильным и полезным, если вы используете JQuery. Если вы хотите, чтобы избежать зависимости от JQuery, то предположим, у вас есть массив кнопок, таких как var buttons = [btn, btn2, btn3] и функцию:

function tweenClickHandler() { 
    TweenMax.staggerTo([box4, box3, box2, box, box8, box7, box6, box5, box9, ], 1, {right:"-25000", ease:Quad.easeIn}, 0.05); 
}; 

можно прикрепить tweenClickHandler к каждому элементу в buttons с:

buttons.forEach(function(button) {button.onclick = tweenClickHandler;}); 

Обратите внимание, что forEach не будет работать на IE < 9 изначально, но может быть добавлен с использованием полизаполнения, предоставленного документацией сети разработчиков Mozilla here.

Answer 2

При использовании JQuery хорошо для вас, просто использовать JQuery селектор:

 $(btn,btn2,btn3).click(function() { 
     TweenMax.staggerTo([box4, box3, box2, box, box8, box7, box6, box5, box9, ], 1, {right:"-25000", ease:Quad.easeIn}, 0.05); 
    }); 

JQuery селектор Подсказка: ответ

 
$("#firstbutton , #secondbutton , #thirdbutton") // Select buttons directly by ID 

$(".buttons") // Select buttons by class.