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') 
		});
	
	})


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

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

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

Похожие вопросы
27 нояб. 2024, в 19:08
1500 руб./в час
27 нояб. 2024, в 18:19
2000 руб./за проект
27 нояб. 2024, в 17:41
2000 руб./за проект