Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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 разные.
Ответить с цитированием
  #2 (permalink)  
Старый 19.04.2014, 22:09
Аватар для Aetae
Любитель
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 5,664

http://learn.javascript.ru/bubbling-and-capturing
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 19.04.2014, 22:20
111 111 вне форума
Интересующийся
Отправить личное сообщение для 111 Посмотреть профиль Найти все сообщения от 111
 
Регистрация: 24.02.2014
Сообщений: 10

Действительно, img у меня вложен в box.
Спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS3 анимация (transition) Magneto Events/DOM/Window 4 19.12.2014 11:39
При повторении несколько раз animate - рассинхрон... Petja jQuery 4 21.05.2013 12:58
AJAX несколько элементов на странице... myocean jQuery 3 11.11.2012 23:00
Слайдер не отрабатывает несколько картинок SinX Элементы интерфейса 1 15.05.2011 22:28
Несколько одинаковых таблиц. Обращение к отдельным элементам в них. zaytsewa Элементы интерфейса 7 11.11.2010 09:08