Wordpress 加载子页面而不刷新，并在上一页的内容下添加子页面内容答案

【问题标题】：Wordpress loads subpages without refreshing and adds subpage content under the content of a previous pageWordpress 加载子页面而不刷新，并在上一页的内容下添加子页面内容
【发布时间】：2020-03-23 13:28:03
【问题描述】：

我正在为我的客户创建一个 Wordpress 网站的自定义主题。

就我的 localhost wordpress 网站上的主题而言，一切都很好 - 当我们说浏览主页并点击链接时，从头到尾加载了一个特定的子页面 - 完全没问题。

现在，在客户的网站上，我的主题是这样的：浏览主页并单击链接时，Wordpress 不会加载页面，而是将其内容添加到主页的内容下，并且似乎无需重新加载即可.为了只看到子页面的内容，我需要刷新页面。

已安装插件：

MainWPAdvanced 自定义字段 Alpine PhotoTile 的活动日志 Google Plus 和 Picasa 阻止错误查询 (BBQ) 联系表 7 显示 MonsterInsights 的帖子复制器 Google Analytics for WordPress MainWP Child Jetimpex Dashboard Plugin 安全扫描器真的很简单 SSL Remember Me Controls Site Kit od Google Sucuri Security - 审核、恶意软件扫描程序和强化 UpdraftPlus WordPress 进口商

说明图：

【问题讨论】：

恕我直言，您真的应该询问您的客户。他们的开发人员了解他们系统的详细信息，而不是让我们猜测确切的问题可能是什么。它可能是某种 AJAX /“让我变成一页”插件或其他东西，可能配置不正确。或者您的主题没有为使用它可能需要的特定要求做好准备。

标签： php wordpress load

【解决方案1】：

你可以使用Ajax，例如，

<a href="home" data-id="23" title="home">Home</a> 
<a href="about" data-id="24" title="about">about</a>
<a href="Contact" data-id="25" title="contact">contact</a>

23 是主页 id，24 是 about 和 ...

然后你创建一个 javascript 文件并编写一个 javascript 代码，当用户单击链接时，ajax 触发并将 data-id 发送到后端。

所以，在后端创建一个函数 PHP 并使用页面 id 获取数据并使用 wp_send_json 返回内容...

以下链接可帮助您在 WordPress 中实现 ajax：

How to call ajax in wordpress

【讨论】：