用了ZWW大哥的主题以后就一直开始折腾了,看到他的网站点击回复按钮会直接显示@用户名的效果,所以就把相关的代码转过来,做个笔记。更多的信息可以参考他的这篇文章(具体效果可以回复这篇文章看看)

首先确定自己的主题评论结构基本是 WordPress 默认的结构(也就是说主题的评论结构比较标准),而且用的是 WordPress 2.7 以上版本的 wp_list_comments 函数,具体可以参考http://codex.wordpress.org/Template_Tags/wp_list_comments

  • 加载jQuery代码:
  • 1
    2
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/reply.js"></script>
  • 把下面的 jQuery 代码保存为 reply. js 文件,并存到主题所在目录(也可以加在主题本身已有的 js 文件里面)
  • 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    /* @reply js by zwwooooo */
    jQuery(document).ready(function($){ //Begin jQuery
        $('.reply').click(function() {
        var atid = '"#' + $(this).parent().attr("id") + '"';
        var atname = $(this).prevAll().find('cite:first').text();
        $("#comment").attr("value","<a href=" + atid + ">@" + atname + " </a>").focus();
    });
        $('.cancel-comment-reply a').click(function() { //点击取消回复评论清空评论框的内容
        $("#comment").attr("value",'');
    });
    })  //End jQuery

    好啦,就这么简单,如果你的主题评论结构符合上面第 1 点所说,原则上支持 WordPress 2.7 版本以上的自带评论嵌套。

     
    目前有2条回应
    Comment
    Trackback
    Loading ....
    • luger 回应于2012/12/14 21:20 回复TA

      能不能把你的评论列表的源码分享一下

      • 和来咯 回应于2012/12/19 16:01 回复TA

        @luger: 测试下效果先

    • 本篇文章没有Trackback
    你目前是游客,请输入昵称和电邮!