首页 > 解决方案 > Wordpress 加载子页面而不刷新,并在上一页的内容下添加子页面内容

问题描述

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

就我在 localhost wordpress 网站上的主题而言,一切都很好——比如说浏览主页并单击链接,从头到尾加载了一个特定的子页面——这完全没问题。

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

安装的插件:

说明图: 解释

标签: phpwordpressload

解决方案


例如,您可以使用 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 是关于和 ...

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

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

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

如何在wordpress中调用ajax


推荐阅读