Как остановить анимацию в додзё

Question

Использование Dojo 1.9, я играю некоторые анимации, как это:

that.fadeOutActive = baseFx.fadeOut({ node: "active-container", duration: 1000, delay: 3000 }); 
that.fadeInInactive = baseFx.fadeIn({ node: "inactive-container", duration: 1000, delay: 3000 }); 
coreFx.combine([that.fadeOutActive, that.fadeInInactive]).play(); 

, а затем попытаться остановить их на события, как это:

coreFx.combine([that.fadeOutActive, that.fadeInInactive]).stop(); 

проблема заключается в том, что это предотвращает стрельбу анимации (что является желаемым поведением), но это не останавливает ее, если она уже началась (что является проблемой). Как я могу остановить анимацию, если смогу вообще?

EDIT: Оказывается, моя проблема не была в коде, который я опубликовал, это было в обнаружении анимации.

Answer 1

dojo/fx::combine() вспомогательная функция, которая может принимать список додзё/_Образы базовой/FX :: объекты анимации и объединить их таким образом, что их последствия все работают параллельно. С помощью этой функции анимации, которые влияют на несколько узлов, могут быть сгенерированы и выполнены одновременно.

Вы используете coreFx.combine одновременно fadeIn один элемент и fadOut другой элемент.

Вместо создания новой комбинированной анимации следует хранить ссылку на существующую комбинированную анимацию, а затем использовать эту ссылку, чтобы остановить комбинированную анимацию:

that.fadeOutActive = baseFx.fadeOut({ node: "active-container", duration: 1000, delay: 3000 }).play(); 
that.fadeInInactive = baseFx.fadeIn({ node: "inactive-container", duration: 1000, delay: 3000 }).play(); 
that.combinedAnim = coreFx.combine([that.fadeOutActive, that.fadeInInactive]).play(); 

, а затем позже:

that.combinedAnim.stop();