Показать сообщение отдельно
  #1 (permalink)  
Старый 19.04.2014, 21:46
111 111 вне форума
Интересующийся
Отправить личное сообщение для 111 Посмотреть профиль Найти все сообщения от 111
 
Регистрация: 24.02.2014
Сообщений: 10

Несколько последовательных transition
Здравствуйте.
Столкнулся с весьма специфическим глюком js или моей головы )
Для запуска неких действий после 2-х последовательных анимаций извратился вот так:
function () {
	img.className = ""; // это начинает первую анимацию
	img.addEventListener("transitionend", EL1, false);
	function EL1() {
		img.removeEventListener("transitionend", EL1);
		Show(nxi); 
	}
}

function Show(pos) {    // Эта ф-ция запускается, когда первая анимация закончилась
	box.className = 'G_box_on'; // Включение следующей анимации
	box.addEventListener("transitionend", EL2, false);
	function EL2(e) {
		alert(e.target.id); // Здесь браузер выдает айдишник img'а а не box'а
		box.removeEventListener("transitionend", EL2);
	}
}


Собственно, проблема как раз в том, что обработчик события повешенного на box срабатывает при transitionend от img. Как так может быть? При том, что типы транзишынов для img и box разные.
Ответить с цитированием