Я сталкиваюсь с проблемой, когда пытаюсь использовать Swup для переходов по страницам на сайте Wordpress. Я могу заставить контент постепенно исчезать, но он не исчезает. Вместо этого он исчезает, и тогда содержимое следующей страницы просто внезапно появляется.
В моем заголовке у меня есть:
<script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>
<script>
const options = {
linkSelector:
'a[href^="' +
window.location.origin +
'"]:not([data-no-swup]), a[href^="/"]:not([data-no-swup]), a[href^="#"]:not([data-no-swup])'
};
const swup = new Swup();
</script>
В теле документа я включаю класс "transition- замирания «. И тогда в моей таблице стилей у меня есть:
.transition-fade{
opacity: 1;
transition: 600ms;
}
html.is-animating .transition-fade{
opacity: 0;
}
В консоли я получаю сообщение об ошибке: «Uncaught TypeError: Невозможно установить свойство 'responseURL' для null в e (swup.min. js: 1 ) при новом e (swup.min. js: 1) at (index): 20 "
Любое понимание того, что здесь может происходить?
Заранее спасибо.