ajax实现无刷新评论

文章目录

话说ajax是个很强大的玩意,可惜没时间去学习,之前学了一段时间的jquery就学不下去了,像博客评论什么的每次提交要刷新整个页面,如果主机慢的话要等死了。而ajax能够只刷新局部,体验效果好了不少。

使用前提

1、先确定自己所用主题的评论列表调用是否使用 WordPress 官方推荐的 wp_list_comment() 函数(一般在 comments.php)。

2、如果“条件一”满足,那么看看 wp_list_comment() 有没有加回调函数参数(callback=ooxx),如果有请检查是否跟 WP 官方的回调函数示例类似,这里看http://codex.wordpress.org/Function_Reference/wp_list_comments

3、看看评论框是否使用 comment_form() 函数生成,如果不是,请确保html结构差不多,特别是输入框的ID是否为 comment。

实现需要文件

主要是comments-ajax.js、comments-ajax.php这两个文件,百度云下载

把这两个文件放到主题文件夹下即可。

加载jquery文件

在functions.php中加载comments-ajax.js文件。

1
2
3
4
5
6
7
8
9
if (!is_admin()) {
    function zfunc_scripts_method() {
        wp_enqueue_script('jquery');
        if (is_singular()) {
            wp_enqueue_script('comments_ajax_js', (get_template_directory_uri()."/comments-ajax.js"), false, '1.3', true);
        }
    }
    add_action('wp_enqueue_scripts', 'zfunc_scripts_method');
}

注:如果主题在其他地方加载了 jQuery 库,可以删除 wp_enqueue_script(‘jquery’);

如果想开启“再编辑”功能,可以把

1
edit_mode = '0'

调整为
<

1
edit_mode = '1'

这样就可以了。

本文出自 TENNFY博客,转载时请注明出处及相应链接。

本文永久链接: https://www.tennfy.com/501.html

下一篇文章:

上一篇文章:

5人参与了讨论

  1. xzymoe 说:

    又是一个代码哥 码农啊~~

  2. 沐歌 说:

    博客使用点ajax,是件锦上添花的事情

  3. addams 说:

    3看看,好多都不行

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

6 + 2 = ?


您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

返回顶部