最近没事又开始折腾WP了,想让点击回复评论按钮后,直接加上@符号。因为有时候大家评论都差不多,所以想用一句话把他们都给回了,WP中可以利用 @Reply 的形式回复一堆人,但是我又不想一个个敲名字。唉,我真是又懒又纠结啊。虽然有插件,但是还是比较喜欢代码版的。
在 Zww 和小邪那里都看到了修改方法,可能我的模板有点奇怪,最后还是阿修同学帮我搞定的这个Jquery代码。
通用版是这个Zww的:
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 |
至于Jquery的用法就不多讲了。可以放在JS里,也可以放在 Header.php 里,前提是必须调用 Jquery 库。在 Header.php 里边加这样一句话。
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> |
然后把上边代码保存成 reply.js 文件。上传到根目录中,再 header.php 里边再加上一条。
1 | <script type="text/javascript" src="http://yourblog.com/reply.js"></script> |
不明白的直接看我博客源码吧。
另外可能我的模板和别人的不太一样。多亏阿修同学帮我做了修改。大家可以参考一下自己修改自己的博客。
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().parent().attr("id") + '"'; var atname = $(this).parent().parent().find(".username").text(); $("#comment").attr("value", "<a href=" + atid + ">@" + atname + " </a>").focus() }); $('#cancel-comment-reply-link').click(function() { $("#comment").attr("value", '') }); }) //End jQuery |
没别的事了。。。自己试一下效果吧。