网站最后更新日期:2020年12月20日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

【純代碼】為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/wordpress-ajax-comment-pages/

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

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

转载请注明:【純代碼】為WordPress添加AJAX無刷新之評論分頁功能 | 畅想资源

关键字:, , ,

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