用 jQuery 实现点击回复之后显示@用户名的效果


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

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

  • 加载jQuery代码:
  • 把下面的 jQuery 代码保存为 reply. js 文件,并存到主题所在目录(也可以加在主题本身已有的 js 文件里面)
  • /* @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","@" + atname + "").focus(); }); $('.cancel-comment-reply a').click(function() { //点击取消回复评论清空评论框的内容 $("#comment").attr("value",''); }); }) //End jQuery

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

    声明:雅布叔叔的糖果屋|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

    转载:转载请注明原文链接 - 用 jQuery 实现点击回复之后显示@用户名的效果


    雅布叔叔的四季糖果屋,那个洋溢着阳光味道和快乐音符的时光铺子啊,珍藏着最美的童话~~