Rat's

WordPress使用Ajax实现页面无刷新提交评论
说明：现在很多主题都自带Ajax评论，Ajax评论的好处是不用刷新整个页面即可提交留言，给人感觉很不错，没有的可以...
扫描右侧二维码阅读全文
28
2017/06

WordPress使用Ajax实现页面无刷新提交评论

  1.  首页
  2. 正文  
    3. 分享到：

说明：现在很多主题都自带Ajax评论，Ajax评论的好处是不用刷新整个页面即可提交留言，给人感觉很不错，没有的可以用一下。

要求：WordPress版本4.4及以上。

方法

1、下载代码：ajax-comment-for-4.4+.zip，并将代码解压到主题根目录，修改主题目录下的functions.php，添加如下代码进行载入：

require('ajax-comment/main.php');

2、修改代码包中的app.js大概第4行左右的位置（找到如下代码），修改为自己的CSS样式。

__list = 'comment-list';

版权声明：本文为原创文章，版权归 Rat's Blog 所有，转载请注明出处！

本文链接：https://www.moerats.com/archives/194/

如教程需要更新，或者相关链接出现404，可以在文章下面评论留言。

Vultr新用户注册送100美元/16个机房按小时计费，支持支付宝，【点击查看】。
最后修改：2017 年 06 月 28 日 07 : 40 AM
© 著作权归作者所有

发表评论

9 条评论

  1. 发飞洒发

    测试一下
    回复
  2. chengguoqing
    该评论仅登录用户及评论双方可见
    回复
    1. Rat's
      @chengguoqing

      有cdn吗。
      回复
      1. chengguoqing
        @Rat's

        对cdn不是很了解，我用站长工具ping了一下，各地链接的IP是统一的，应该是没有CDN.提交留言后出现个提示正在提交，然后淡出，页面一点变化没有，输入内容依然在输入框内。
        回复
        1. Rat's
          @chengguoqing

          那就不是很清楚了，很久没用wp了。
          回复
  3. 骑士

    博主你好，您的评论用的啥插件啊
    回复
    1. Rat's
      @骑士

      你是说的烟花特效吗？看看这个教程https://www.moerats.com/archives/372/。
      回复
  4. 12123323

    我也来测试下效果
    回复
  5. 牛逼

    测试一下效果啊
    回复