网站最后更新日期:2022年3月25日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站(中) 个人网站(EN) 更多联络方式
×

【纯代码】为WordPress添加AJAX无刷新之评论分页功能

WordPress预设自带一个「评论分页」功能,可以方便的防止过多评论导致页面过长,但是当访客在切换评论时,页面需要不停地经过刷新、加载,降低访客体验,而今天「畅想资源」就来教大家如何为WordPress添加AJAX无刷新的评论分页功能,提升网站的用户体验! :mrgreen:

预览

可参考本站「留言本」页面! :grin:

教学

提示:在开始进行以下步骤前,请先确定你的网站已经成功加载jQuery库!

1、首先于主题的「评论 (comments.php)」文件内的「评论主题DIV(例如 commentlist 等)」的DIV外添加 <div id="loading-comments"><span>评论载入中,请稍等...</span></div>

wordpress-ajax-comment-pages-1

2、然后将下列代码新增为JS文件(例如「ajax-comment-pages.js」等)并储存至WordPress主题目录下,然后在网页内使用 script 来引用该文件即可!

注意:请根据各行注释将相关DIV的 idclass 进行适当修改后方可于网页内正常使用!

3、现在在网页内试试看点击你的评论分页,是不是已经可以实现无刷新加载了?如果还不行,请确定DIV是否已经设定正常,或者于下方留言说明问题,本站将会尽力帮你解决! :razz:

参考

WordPress Ajax 评论分页

WordPress分页评论Ajax载入

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

本文固定链接:https://www.arefly.com/zh-hans/wordpress-ajax-comment-pages/

本文章由“超级efly”于2014年10月13日发表于“WordPress”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:【纯代码】为WordPress添加AJAX无刷新之评论分页功能 | 畅想资源

关键字:, , ,

如果您对本文有任何疑问或建议,欢迎发送邮件至yifei@hesyifei.com(或通过其它途径)联系我们,谢谢!