php - Wordpress 加载子页面而不刷新,并在上一页的内容下添加子页面内容
问题描述
我正在为我的客户创建一个 Wordpress 网站的自定义主题。
就我在 localhost wordpress 网站上的主题而言,一切都很好——比如说浏览主页并单击链接,从头到尾加载了一个特定的子页面——这完全没问题。
现在,在客户的网站上,我的主题是这样的:当浏览主页并单击链接时,Wordpress 不会加载页面,而是将其内容添加到主页的内容下,并且似乎无需重新加载即可完成。为了只看到子页面的内容,我需要刷新页面。
安装的插件:
- MainWPAdvanced 自定义字段的活动日志 Alpine PhotoTile for Google Plus 和 Picasa 阻止错误查询 (BBQ) 联系表 7 显示帖子复制器 Google Analytics for WordPress by MonsterInsights MainWP Child Jetimpex Dashboard Plugin 安全扫描器 真正简单的 SSL 记住我控制站点工具包 od Google Sucuri Security - 审核、恶意软件扫描程序和强化 UpdraftPlus WordPress 导入器
解决方案
例如,您可以使用 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:
推荐阅读
- android - 更新房间数据库中的数据并更新视图后 BLE 连接突然失败
- android - Firebase FCM 使用 Ionic3 Cordova 推送通知
- powershell - office 365通过powershell批量添加共享邮箱成员
- jquery - 用 jquery 填充 html 表数据失败 Uncaught ReferenceError
- javascript - 如何使用引导程序 4 警报?
- elasticsearch - 如何将 ElasticSearch 命令翻译成 NEST 并使其具有幂等性
- stata - 面板数据中的返回计算不正确
- http - Jira 资源因 net::ERR_CONNECTION_ABORTED 而失败
- html - HTML 表格:Slicky 标题和最后一列自动宽度
- sql - SQL Server - 存储过程 - 二进制搜索算法