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 file for prodcuts page

现在,当您从产品页面移至服务页面时,此CSS文件将保持原样,因为它位于站点的部分中。而且,“服务”页面的CSS文件也未未加载,因为未刷新,因为这是Swup的工作方式。


解决方案

  1. 解决方案是使用一个CSS文件,其中包含所有页面的所有CSS。但是不确定氧气制造商是否会输出。

  2. 使用Swup提供的Head Plugin。尽管不确定是否可以与Oxygen Builder一起正常使用。

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...