javascript - Swup.js + Oxygen (wp) - 没有加载正确的站点？

Question

我正在尝试将Swup.js实施到 Oxygen 中的 Wordpress 站点中。出于某种原因，当我使用 Swup 时，没有加载正确版本的站点。

出于某种原因，单击链接时未加载正确版本的站点。它似乎加载了网站的响应版本。以下是该页面的链接：https ://testswup.kastanjeskolan.nu/ 如果您访问我们的服务，您将获得该页面的一个版本。但是如果你更新/重新加载，你会得到正确的版本。这是一个视频来说明我的意思。

有谁知道为什么会这样？

谢谢你的帮助。

标签： javascriptajaxwordpressswup

Answer 1

Swup JS 仅加载 Swup 元素/Swup 主体中的内容。它为所有页面保留相同的页眉或页眉。

Oxygen builder 为创建的每个页面生成 CSS 文件。如果您检查站点上产品页面的页面源，您将看到由Oxygen生成的产品页面的 CSS 文件。（在下图中指出）。

现在，当您从产品页面移动到服务页面时，此 CSS 文件将保持原样，因为它位于站点部分中。并且服务页面的 CSS 文件也没有加载，因为没有刷新，因为这就是 Swup 的工作方式。

---

解决方案

1. 解决方案是拥有一个包含所有页面的所有 CSS 的 CSS 文件。但不确定这是否会由 Oxygen builder 输出。

2. 使用Swup 提供的Head 插件。虽然不确定它是否能与 Oxygen Builder 一起正常工作。