Задать вопрос
t-alexashka
@t-alexashka
Сразу пишу legacy код

Как продолжить выполнение скрипта после завершения анимации JS CSS?

Ребятки, помогите, целый день мучаюсь с этой хренью...

На сайте пытаюсь сделать анимацию страниц которые грузятся pjax'ом.

Хочу сделать чтобы перед отправкой, контент пропадал, страница загружалась, и контент снова появлялся.

Вот что я пишу, но что-то не так. Страница исчезает и не появляется более.

$('#content').bind('start.pjax', function() { 
		console.log('start pjax');
		$('#content').removeClass().addClass('pt-page-scaleDown')
	});
	
	$('#content').bind('transitionend', function() {
	
		$(this).off('transitionend')
	
		$('#content').bind('complete.pjax', function() { 
			console.log('end pjax');
			$('#content').removeClass().addClass('pt-page-scaleUp pt-page-delay300') 
		});
	
	})


Пожалуйста, поправьте что не так делаю?

Спасибо!
  • Вопрос задан
  • 2692 просмотра
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
phplamer
@phplamer
Обработчик события 'complete.pjax' задаётся внутри обработчика события 'transitionend'. Тоесть до запуска события 'transitionend' на событие 'complete.pjax' не назначен обработчик.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы