问题描述
我正在尝试将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一起正常使用。