重定向到其他页面后，body标签上的类相同

Question

我是 wordpress 开发小镇的新人。我在 wordpress 中安装了 mobius 主题。并为此实施了一个儿童主题。我正在使用 style.css 来设置所有页面的样式。当我对多个页面使用一个 css 时，我正在检查正文上的类，以确保我的样式仅应用于该页面。这对我来说非常重要，因为我需要在 body 标签上有页面 id 的类。但是在重定向到任何其他页面后，所有的课程都变得一团糟。

这是发生在我身上的情景。

第一次访问主页时出现的正文类是：

'home page page-id-40 page-template-default'

重定向到其他页面后，例如“认识团队”页面，我期待有不同的课程。 'page page-id-1195 page-template-default'。但是body标签上的类不受影响。

但如果我刷新重定向页面“与团队会面”，我可以在 body 标记上看到所有预期的类。

Answer 1

由于您的主题使用 ajax 加载页面内容，因此在尝试实现自定义样式和 javascript 时，您必须遵循其工作方式。

您的主题必须有一些 javascript 函数触发 ajax 调用以获取新页面，然后用它替换当前页面内容。找到这些函数，并在其 ajax 回调函数中添加基于加载页面的自定义 js。

我看到它使用的是jQuery，所以你可以参考文档：

• http://api.jquery.com/jquery.ajax/
• http://api.jquery.com/jquery.get/

您的样式可以以相同的方式完成，但最好在第一个页面加载期间提供所有自定义样式。