несколько кнопок ADOBE ANIMATE CC для управления временной шкалой не работает

Question

Я должен контролировать временную шкалу анимации для холста html5. Я сделал все кнопки и редактировал все коды. странно все кнопки выполняют ту же функцию.

this.stop() 
//---------------------------------------------------------// 
this.letterA.addEventListener("click", fl_MouseClickHandler.bind(this)); 

function fl_MouseClickHandler() 
{ 
    this.gotoAndPlay(32); 
} 

//---------------------------------------------------------// 

//---------------------------------------------------------// 
this.letterB.addEventListener("click", fl_MouseClickHandler.bind(this)); 
} 
function fl_MouseClickHandler() 
{ 
    this.gotoAndPlay(212); 
} 

Answer 1

Прочтите о function hoisting; заявления функции поднимаются к вершине-оф-сферы, так что ваш код эквивалентен

function fl_MouseClickHandler() { 
    this.gotoAndPlay(32); 
} 

function fl_MouseClickHandler() { 
    this.gotoAndPlay(212); 
} 

... 
this.stop()  
this.letterA.addEventListener("click", fl_MouseClickHandler.bind(this)); 
this.letterB.addEventListener("click", fl_MouseClickHandler.bind(this)); 

---

Одно решение было бы использовать функциональные выражения:

var that = this; 
this.letterA.addEventListener("click", function() { that.gotoAndPlay(32); }); 

или если вы настаиваете, чтобы использовать bind

this.letterA.addEventListener("click", (function() { this.gotoAndPlay(32); }).bind(this)); 

Answer 2

Из того, что я могу сказать, вы связывание той же функции, чтобы две разных кнопка нажмите события. У вас есть два разных определения этой же функции. Один из них, скорее всего, написан поверх другого, и поэтому обе кнопки вызовут fl_MouseClickHandler, который вызовет gotoAndPlay с той же меткой времени.

Быстрое исправление может быть просто изменить имя fl_MouseClickHandler:

function fl_MouseClickHandlerA() { 
    this.gotoAndPlay(32); 
} 

function fl_MouseClickHandlerB() { 
    this.gotoAndPlay(212); 
} 

this.letterA.addEventListener("click", fl_MouseClickHandlerA.bind(this)); 
this.letterB.addEventListener("click", fl_MouseClickHandlerB.bind(this)); 

Кроме того, вы должны смотреть, как вы используете «это», как вы не можете быть ограничены тем, что вы думаете.