Swup JS застрял в состоянии pageLoaded

Question

Здравствуйте, я пытаюсь использовать этот замечательный плагин "Swup JS". Когда я запускаю код с их сайта, плагин работает отлично.

Когда я пытаюсь добавить его на свой сайт, он застревает в состоянии "pageLoaded".

Я попытался удалить весь код и вставить каждую часть отдельно, но ошибка продолжает повторяться. В основном URL-адрес изменяется, и анимация работает (до момента затухания), но новый контент никогда не загружается. Плагин отладчика показывает, что он доходит до этой части "pageLoaded" без каких-либо ошибок.

Кто-нибудь когда-нибудь пользовался этим плагином или обнаруживал эту ошибку?

Answer 1

У меня была такая же проблема, и я понял, что это произошло из-за того, что анимация класса "переход-затухание" не применялась к HTML правильно. Это описано в общих проблемах документации в разделе: Отсутствующий стиль для раздела класса перехода.

Чтобы решить вашу проблему, убедитесь, что ваш элемент swup имеет связанный с ним класс анимации и что вы правильно указали анимацию в своей таблице стилей.

         .transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}