问Swup JS停留在"pageLoaded“状态
EN

Stack Overflow用户

提问于 2020-08-21 17:54:36

回答 1查看 186关注 0票数 0

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

当我试图将它添加到我的网站中时，它的状态是"pageLoaded“。

我尝试删除所有代码，并分别粘贴每个部分，但错误不断发生。基本上，URL正在更改，动画也在工作(直到淡出部分)，但新内容永远不会加载。调试器插件显示它一直运行到这个部分"pageLoaded“，没有任何错误。

有没有人用过这个插件或者发现过这个错误？

发布于 2020-09-16 19:22:28

我也遇到了同样的问题，我意识到这是由于"transition-fade“类动画没有正确地应用于HTML。这在documentations common issues下的：缺少转换类的样式一节中进行了介绍。

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

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63520583

复制

相似问题

问Swup JS停留在"pageLoaded“状态EN