如何解决Swup.js +氧气wp-无法加载正确的网站?
我正在尝试将Swup.js实施到Oxygen for wordpress的站点中。由于某些原因,当我使用Swup时,未加载正确版本的网站。
由于某些原因,当我单击链接时,未加载正确版本的网站。它似乎加载了该网站的响应版本。这是页面的链接:https://testswup.kastanjeskolan.nu/如果转到“我们的服务”,则可获得页面的一个版本。但是,如果您更新/重新加载,则会获得正确的版本。 Here is a video来说明我的意思。
有人知道为什么会这样吗?
感谢您的帮助。
解决方法
Swup JS仅加载Swup元素/ Swup主体中的内容。对于所有页面,它都保留相同的页眉或页面的标题。
氧气生成器为创建的每个页面生成CSS文件。如果您检查站点上产品页面的页面来源,则会看到Oxygen生成的产品页面的CSS文件。 (指向下图)。
现在,当您从产品页面移至服务页面时,此CSS文件将保持原样,因为它位于站点的部分中。而且,“服务”页面的CSS文件也未未加载,因为未刷新,因为这是Swup的工作方式。
解决方案
-
解决方案是使用一个CSS文件,其中包含所有页面的所有CSS。但是不确定氧气制造商是否会输出。
-
使用Swup提供的Head Plugin。尽管不确定是否可以与Oxygen Builder一起正常使用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。