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

Question

[Радость моя]

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

На сайте пытаюсь сделать анимацию страниц которые грузятся 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') 
		});
	
	})

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

Спасибо!

Answer 1

[Сергей]

Обработчик события 'complete.pjax' задаётся внутри обработчика события 'transitionend'. Тоесть до запуска события 'transitionend' на событие 'complete.pjax' не назначен обработчик.