如何解决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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。