Swup JS卡在“ pageLoaded”状态

问题描述

您好，我正在尝试使用这个很棒的插件“ Swup JS”。 当我从他们的网站运行代码时，插件运行完美。

当我尝试将其添加到我的网站时，它停留在“ pageLoaded”状态。

我试图删除所有代码并分别粘贴每个部分，但是错误不断发生。 基本上，URL在变化并且动画在起作用（直到淡出部分），但是新内容永远不会加载。 调试器插件显示它一直运行到“ pageLoaded”这一部分为止，没有任何错误。

有人使用过此插件或发现此错误吗？

解决方法

我遇到了同样的问题，并且意识到这是由于“过渡渐变”类动画未正确应用于HTML所致。 common issues下的文档涵盖了这些内容：过渡类的缺少样式部分。

要解决您的问题，请确保swup元素具有链接到其的动画类，并且已正确引用了样式表中的动画。

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

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