用 jQuery 实现的 WordPress 标注作者的最后评论回复

小把戏,并且这标题有点拗口,我很担心你们看到标题就已经晕了,不过实现这个效果的方法倒是挺简单的。

灵感来自牛逼的 Shawn,他博客上面的他自己的评论都是在左侧加了空心的星星,但是他的最后回复则是绿色的星星,这样给访客的感觉就是作者只回复到了这里,或者换种理解的意思就是“已阅到这个评论”,有点类似论坛里面可能常看到的“已阅至此楼”的插件功能。当然你也可能会觉得这个功能无足轻重,但是我觉得还是挺有意思的,可以让访客知道作者有多久没来过了,因为一般来说,看到自己的博客有人评论的话肯定会先回复的吧。

本人的 jQuery 也都是些皮毛功夫,代码写得不好也见笑了,欢迎批评指正。

如果还不是很明白这个功能所表达的意思的话,你可以先看看下面这个截图。

44 Responses to 用 jQuery 实现的 WordPress 标注作者的最后评论回复

  1. Leeiio says:

    此条评论仅作配合正文测试之用~

  2. xiaorsz says:

    不错的东东,现在我也想搞下,就是还没有想好好的样式!!
    你这里是 ajax 评论!!作者连续回两个呢?是不是就有两年“最后的回复了”,不过这个游客是看不到的噢!!

  3. Leeiio says:

    @xiaorsz 呃,居然没想到这个问题,我回复测试下哈。

  4. Leeiio says:

    @xiaorsz 测试结果就是用 ajax 发的评论并不会显示最后的作者回复的标记,因为我的标记样式是写在js文件里面的,不知道如果样式定义在css文件里面是怎样的…

  5. 多若网络 says:

    很棒的东东哦,不过我觉得jquery那个框架有点大了…

  6. Leeiio says:

    @多若网络 因为本站使用了很多的jQuery,反正又gzip呢呵呵~速度还是可以的。

  7. 吖Bee says:

    回去得研究一下啊~刚才不太明白,现在看到最后的回复..明了~

  8. yinheli says:

    有折腾开了.
    既然作者的class不一样用 :last判断一下不就行了

    @xiaorsz
    应该不会.内容出现在js加载完之后.就像你的评论刚刚回复而无法用鼠标悬浮显示一样.

  9. ptubuntu says:

    等你完成的差不多了.我再安装.现在看起来还不是很成熟.

  10. 薄荷 says:

    不错!合理利用客户端浏览器完成一些事情,对服务器的开销会减少很多。

  11. Yuri says:

    我觉得这个技巧很实用,可惜我的评论系统用的是一个叫intense debate的插件提供的,这些技巧貌似不适用…….
    我很喜欢博主的主题,各个方面都很养眼,一些小细节也很实用,盼望你以后可以多多分享

  12. JackPark says:

    好帖阿,我想知道的是,怎么在文中加入代码?我试了很多方法都没有成功

  13. Leeiio says:

    @JackPark 你是指在文中加入代码不被解析么?我用的是插件WP-Syntax~

  14. 玛格丽特 says:

    尽是些我看不懂的东西,难得我来关心你,竟无从下手。

  15. Leeiio says:

    @玛格丽特 最近草你马之歌挺多了,乍一看你的名字像是“玛勒格壁”…咋起个女王的名字…好吧,我下篇就说说你看得懂的东西吧~

  16. RDEN says:

    不是WP用户!不过Shawn是个不错的Blogger。我博客的导航栏还是从他那里学来的。支持WordPress!

  17. RDEN says:

    BTW,你是台湾人 or 香港人 ?

  18. Plidezus says:

    看不大懂呵呵~
    我就是过来点广告支持的~
    博客终于回来了,
    不过备案号还么拿到

  19. Leeiio says:

    @Plidezus 谢谢哈,你的两次点击给我带来了US$0.38的收入~你要不考虑下也搬到国外的主机撒~

  20. Plidezus says:

    国外的我们买了一个goddaddy但是觉得速度有点慢,你这个是国外的?
    现在只要是个人博客走到哪里点到哪里~最起码帮博主弄个服务器费用咯~

  21. jigen.he says:

    其实我不怎么用jquery,是不是落后了啊,我都用prototype,以你更改差不多吧

  22. Leeiio says:

    @jigen.he jQuery对于我这样的js新手来说,能比较快速地写出要实现的代码来而已呵呵~

  23. jigen.he says:

    其实是一个样的,都是封装的很好的,而且基于这2个js library开发的产品也很多

  24. Leeiio says:

    @jigen.he 恩,只是jQuery这个后起之秀现阶段比较流行呵呵~

  25. dadad says:

    好方法 😥 😥 😥

  26. 巴奇 says:

    可以请问您~ 回复中的 ~ “回复这南瓜” “引用这南瓜” 这是怎么制作出来的吗? 拜托您了~ 谢谢

  27. Leeiio says:

    @巴奇
    你可以看看这篇文章 http://www.neoease.com/wordpress-at-reply/ 如果还有疑问,可以问我。

  28. 巴奇 says:

    @Leeiio
    我不懂他说的”生成链接代码” 以及下面的那些程式码要放在哪里? @@” 我很笨 不太了解 可以麻烦您清楚的解释一下要如何做吗?

  29. Leeiio says:

    @巴奇
    那些是javascript代码,需要单独放置在一个.js的文件里然后调用,如果你不是很懂代码的话,还有一种替代方法,你可以去搜索“Mail To Commenter”和“Quote Comments”这两个wordpress插件。

  30. 𠮶个人 says:

    光看题目,还是不知道你要表达什么啊。后来,拖到最后一条回复。看到有个绿色“标记”就知道。 :mrgreen:

  31. sleepy says:

    我要留言看看能不能正确显示我的系统和浏览器

  32. sleepy says:

    然后,很正确,windows other version应该指的是win7吧。
    再然后,我参考了你的关闭侧边栏的做法,我的博客上也用了。
    接下来再看看你的博客上有什么我可以借鉴的,呵呵。

  33. Pingback: RSSA频道 » Blog Archive » 桌面便签小软件ATnotes – 提醒你勿忘临时小需求!

  34. Pingback: RSSA频道 » Blog Archive » 美化 Wordpress 标题,个性字体生成图片标题插件推荐!

  35. Coder22 says:

    French anti-Semitism at a German library. ,

  36. 锋 says:

    哈,你的站真不错,看到不少我也想折腾的东东,有空了一个个来,到时还得转载一下,呵。

  37. 非主流 says:

    来看看博主的文章了

  38. 不知不觉 says:

    你的网站在iphone上看的真爽。全部都是用WPTouch设计的么?

  39. Chance says:

    学而时习之 不亦说乎

  40. jixaingac says:

    学习了一下~~

Leave a Reply

Your email address will not be published. Required fields are marked *