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

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

<li>加载jQuery代码:</li>

<li>把下面的 jQuery 代码保存为 reply. js 文件,并存到主题所在目录(也可以加在主题本身已有的 js 文件里面)</li>


/ @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 版本以上的自带评论嵌套。

Last modification:February 10th, 2020 at 01:23 am