WordPress中Ajax评论的完善参考

很多人喜欢在WordPress中的评论系统中调用Ajax,因为这样会很方便。简单一个例子就是当你在页面内想边听音乐边留言时候(♫TINAting?),没有Ajax的评论就不好办了。如果你也是使用Ajax评论,你是否也会忽略了一些细节?这里推荐大家看Xiaorsz’s Blog最近的这篇文章:【关于 wordpress ajax 评论的补充和完善】。

文章写得很好,至少我觉得真的很有用了,如果在你的Ajax评论中存在如下的问题:

  1. 部分模版中每篇文章的第一条评论刷新才可以显示
  2. 新发的评论楼层数总是 #1,刷新后正常
  3. 文章留言数统计没有即时更新
  4. 留言用 alt 控制隔层显示不同样式时,ajax 时无效果,同样刷新后正常

那你应该去看一下上述问题的解决办法,它能让你的Ajax留言系统更为完善。

现在我自己的留言系统也改善好多了,能做到连续留言中的序号正常,还有页面标签中的留言总数也自动刷新。这样才是Ajax应用应该要做到的,试想尽管是Ajax提交了留言,但留言序号和留言总数却要重新刷新页面才能更新,这样总显不足。另外我在修改的时候发现一个问题,不知道是否只针对我自己的模板,我顺便在这里也写出:

improve the wordpress ajax comments 480x98 WordPress中Ajax评论的完善参考

后记:

Xiaorsz同学的这篇文章让我省了不少时间在留言模板上的修改;多出的时间我做了一个类twitter首页中的more刷新功能,大家可以在我首页中看到;试试效果吧,再有什么意见也说一下,看这个more东西有没有存在的必要 *_*!

原版more截图:

more button twitter 480x141 WordPress中Ajax评论的完善参考

山寨版截图:

more button saywpcom 480x185 WordPress中Ajax评论的完善参考

分类:theme skill, WordPress;标签:, , , , , ;收藏本文的永久链接

105 Responses to “WordPress中Ajax评论的完善参考”

  1. Zoll 回复此留言 2009/04/10 01:51 #comment-5709

    沙发党太子,来也~

  2. Zoll 回复此留言 2009/04/10 01:53 #comment-5710

    再插一排:为什么你的原版 more 旁边会有两道下划线呢?
    我的没有啊。。

  3. Zoll 回复此留言 2009/04/10 01:56 #comment-5711

    其实 more 这个按钮,能够唬住人,他的目的就实现啦。
    WP 的搜索功能 和 标签分类功能 已经可以出色的帮助查找到指定文章,
    所以 私以为翻页只是个形式罢了,呵呵

    • seek 回复此留言 2011/01/09 19:45 #comment-17312

      试试效果如何。

  4. richard 回复此留言 2009/04/10 03:10 #comment-5714

    哇噻,现在你这个主题基本上完善了啊,功能都比较实用。等待你的新版本发布。都期待一阵时间了。

  5. xiaorsz 回复此留言 2009/04/10 04:22 #comment-5717

    我来也!那个好像是 add 数据之后才能移除的,所以要放在后面才行!!

  6. 爱月 回复此留言 2009/04/10 05:28 #comment-5718

    怎么按钮都改成英文的啦~不和谐不和谐~

  7. welee 回复此留言 2009/04/10 08:25 #comment-5720

    Ajax 很方便,但有时又让人很头痛,不过幸好有你和 Xiaorsz,呵呵!
    至于那个 more,对 Twitter 控来说应该会很喜欢吧,可惜我不是 Twitter 控,不过却很有兴趣知道你怎么做的。

  8. leesum 回复此留言 2009/04/10 02:37 #comment-5712

    坐下慢慢看···

  9. zszmm 回复此留言 2009/04/10 08:52 #comment-5721

    那个 more 不错,比如首页有音乐的话,不用刷新可以查看更多文章^_^

  10. Mr-Z 回复此留言 2009/04/10 10:04 #comment-5722

    喜欢你这个评论样式,

    很COOL

  11. Leeiio 回复此留言 2009/04/10 04:12 #comment-5715

    哈,下回我分享下我的ajax评论的问题解决吧,是从php根本上解决这个问题的,毕竟用jQuery解决的是有bug的

  12. Jinwen 回复此留言 2009/04/10 07:30 #comment-5719

    @Zoll 我最近在想要不要为沙发的同学搞个特别的样式,你有什么意见呢?太子,嘻;我的twitter原版就是有两横的啊?不是的?给骗了 可恶,最近twitter都不知在搞什么,网页乱78糟!
    @Leeiio 那你快写,我再推荐,哈哈,省自己写文章了。
    @爱月 变成英文比较正经,嗯。

  13. Tina 回复此留言 2009/04/19 09:57 #comment-6010

    我那的ajax是不是没什么用 评论了之后会刷新界面的好像..好像..我也不记得了...会咩?

    唔 BTW,我已经跟welee说过鸟 他过段时间会空下来帮我看看新主题怎么开刀.. 你捏..您咩时有空呀? 嘿嘿...

  14. mr wu 回复此留言 2009/05/08 11:40 #comment-6732

    我的评论部分好像有问题,麻烦帮看下。

  15. mr wu 回复此留言 2009/05/08 13:12 #comment-6743

    这个功能我觉得蛮好的,希望下个版本能够保留。

  16. solazy 回复此留言 2009/05/26 12:29 #comment-7385

    这个more效果挺像twitter的,第一下很快,第二下快,第三下等了好久都没反应。可能是我的网速问题还是其它的问题了。

  17. Jinwen 回复此留言 2009/05/26 17:00 #comment-7390

    @solazy 因为第三个load的文章较多,可能会慢点。不过我想还是因为你的网速问题吧。

  18. bolo 回复此留言 2009/06/06 04:07 #comment-7609

    怎么我老是做不出ajax评论效果呢?烦

  19. achis 回复此留言 2009/06/06 18:12 #comment-7629

    请教博主,您这里文章评论显示序号(比如#19)的功能是如何完成的?

  20. Jinwen 回复此留言 2009/06/06 18:42 #comment-7630

    @achis 你可以参照一下这篇文章的做法:http://www.saywp.com/wordpress/add-number-to-wordpress-comments.html

  21. Jinwen 回复此留言 2009/06/06 23:51 #comment-7650

    @bolo 你可以下载一些ajax评论的主题(比如我的?)然后对照一下修改你的主题就可以了。

  22. 路人甲 回复此留言 2009/06/27 02:55 #comment-8365

    AJAX测试

  23. 路人乙 回复此留言 2009/07/04 16:23 #comment-8448

    我试试

  24. 路人A 回复此留言 2009/07/14 10:03 #comment-8684

    ajax测试

  25. mxm145 回复此留言 2009/07/23 03:18 #comment-8907

    测试一下

  26. 章鱼 回复此留言 2009/08/04 08:42 #comment-9065

    44看

  27. Testgaga 回复此留言 2009/08/14 22:42 #comment-9369

    测试~

  28. lotuseed 回复此留言 2009/08/25 04:29 #comment-9504

    试试留言看看

  29. X-Force 回复此留言 2009/08/27 14:08 #comment-9537

    我也来试试看!

    • Allan 回复此留言 2011/04/10 19:28 #comment-18519

      “新发的评论楼层数总是 #1,刷新后正常” -- 请教这个问题怎样解决。

  30. 超人 回复此留言 2009/10/13 15:58 #comment-9924

    刷新就不叫ajax 了..

  31. hellosun 回复此留言 2009/10/16 02:46 #comment-9935

    试效果来了

  32. hellosun 回复此留言 2009/10/16 02:47 #comment-9936

    试了下,nice

  33. Zeddicus 回复此留言 2009/10/26 17:18 #comment-10226

    来测试您的Ajax Comment

  34. shisji 回复此留言 2009/11/02 03:18 #comment-10493

    shishi

  35. ldd 回复此留言 2009/11/12 13:24 #comment-10769

    真的很好呀

  36. Yongd 回复此留言 2009/12/05 09:55 #comment-11389

    哈哈,学习了,我也去添加这个功能区 :grin:

  37. licream 回复此留言 2009/12/12 16:40 #comment-11618

    测试。 :smile:

  38. neeke 回复此留言 2009/12/18 07:50 #comment-11744

    :twisted: 接着测试

  39. matt 回复此留言 2009/12/24 01:43 #comment-11813

    感觉一下

  40. findself 回复此留言 2010/01/12 04:22 #comment-12146

    测试一下。

  41. 泡面 回复此留言 2010/01/19 05:37 #comment-12355

    测试效果哈~ :smile:

  42. 星网 回复此留言 2010/01/19 18:06 #comment-12356

    失败失败!今天测试了好多方法!对我的主题就是不想~~~唉!看来只有用插件了!

  43. aaa 回复此留言 2010/01/30 23:55 #comment-12501

    测试一下

  44. aaa 回复此留言 2010/01/30 23:55 #comment-12502

    ttttt

  45. Rui Shen 回复此留言 2010/03/17 20:00 #comment-13392

    拜读!

  46. doublezip 回复此留言 2010/03/30 17:01 #comment-13611

    不行!

  47. tenado 回复此留言 2010/04/07 21:33 #comment-13753

    爱上对方

  48. ray 回复此留言 2010/04/18 16:59 #comment-13943

    let me have a try :neutral:

  49. 邹永平 回复此留言 2010/05/07 14:08 #comment-14311

    :razz: 评论样式能给份吗?
    我的站www.zouyongping.com
    欢迎交流

  50. Fantasy 回复此留言 2010/05/20 20:48 #comment-14485

    :shock: 测试下

  51. Mr.差不多 回复此留言 2010/05/23 22:38 #comment-14571

    我就遇到你所说的第一个问题了! :?: 搞了好久都没有成功!! :???: 头大呀!!

  52. 集趣 回复此留言 2010/05/28 18:51 #comment-14633

    测试一下

  53. fly3q 回复此留言 2010/07/01 09:37 #comment-14900

    :cool: :cool: :cool: :cool:

  54. 丕子 回复此留言 2010/07/04 07:17 #comment-14927

    试试效果

  55. 鹅鹅鹅 回复此留言 2010/07/18 17:58 #comment-15106

    :!: :!: :!:

  56. marcus 回复此留言 2010/08/10 11:22 #comment-15365

    哈哈,博主的评论,一直是我追求的目标,不知道什么时候能掌握学会!

    想问一个问题,如何使得新发的一条评论 在 输入框 的下方,并且输入框 不消失 呢?

  57. kang 回复此留言 2010/08/10 13:57 #comment-15367

    :razz:

  58. 奈维摩尔 回复此留言 2010/08/15 23:03 #comment-15485

    试试看是啥效果- -。

  59. 愛爱 回复此留言 2010/08/25 12:18 #comment-15558

    来试试效果~

  60. SaNy 回复此留言 2010/08/26 04:07 #comment-15567

    test :!: :!:

  61. yetone 回复此留言 2010/09/03 00:09 #comment-15654

    我也要测试啦 :grin:

  62. pestwave 回复此留言 2010/09/11 00:06 #comment-15794

    good job guy :oops:

  63. Sunday 回复此留言 2010/09/29 12:36 #comment-15905

    试一下ajax回复评论功能~~~ :razz:

  64. syln 回复此留言 2010/10/02 15:18 #comment-15915

    测试一下 :eek: :!: :!: :!: :!:

  65. fdg 回复此留言 2010/10/04 22:45 #comment-15929

    :evil: :evil: :evil: 测试

  66. 大智若鲁 回复此留言 2010/10/11 03:21 #comment-16036

    第一次来 google搜过来的

  67. sojin 回复此留言 2010/10/25 13:47 #comment-16128

    试一下是不是

  68. Phoenix 回复此留言 2010/10/31 03:09 #comment-16180

    看一看效果

  69. 小黑 回复此留言 2010/11/19 10:36 #comment-16426

    :eek: 这个留言插件不错,能否传我一份呀..

    • Jinwen 回复此留言 2010/11/19 19:02 #comment-16433

      哈哈。但是这个不是插件来的啊,是主题上就设置好的。。。

    • 小黑 回复此留言 2010/12/01 08:58 #comment-16524

      @Jinwen 
      哇,这功能好强,我回复我都收到邮件了..呵呵

  70. yesureadmin 回复此留言 2010/11/23 19:43 #comment-16457

    Ajax还不了解,特来学习的

  71. 小黑 回复此留言 2010/12/01 08:58 #comment-16523

    哇,这功能好强,我回复我都收到邮件了..呵呵 :mrgreen:

  72. iDuCKwAnG 回复此留言 2010/12/16 13:38 #comment-16999

    我也来试试效果

  73. dobila 回复此留言 2010/12/17 16:43 #comment-17080

    试试效果如何。

  74. pt 回复此留言 2011/01/08 22:37 #comment-17303

    测试下效果 :!: :smile:

  75. 王3峰 回复此留言 2011/01/10 11:28 #comment-17321

    测试一下效果看看。

  76. 阿道夫v 回复此留言 2011/01/10 17:16 #comment-17323

    测试效果

  77. IM路人 回复此留言 2011/01/15 20:21 #comment-17459

    :roll: 测试

  78. eksel 回复此留言 2011/01/17 12:23 #comment-17498

    测试一下效果

  79. peachtao 回复此留言 2011/02/24 16:03 #comment-18058

    我来测试下

  80. 正需要这些 回复此留言 2011/03/12 21:18 #comment-18176

    :smile: 来观摩一下

  81. Conan06 回复此留言 2011/03/25 12:44 #comment-18305

    不错的效果~ :smile:

  82. 不错 回复此留言 2011/04/24 14:11 #comment-18693

    登录系统,查看这篇文章的评论,然后您可 :razz:

  83. 笑寻香 回复此留言 2011/05/12 16:40 #comment-19055

    我也来测试一下 :razz:

  84. 笑寻香 回复此留言 2011/05/12 16:44 #comment-19056

    我再来测试下 :!:

  85. 虾虾 回复此留言 2011/07/04 19:35 #comment-20493

    我博客评论问题很是头疼,总是刷新才显示

  86. Dick_Wu 回复此留言 2011/11/08 17:38 #comment-25095

    我来测试一下~~呵呵
    话说我的mail server特别慢,所以评论速度也特别慢。。TAT。Ajax就有卡死的感觉。。。


The trackbacks and pingpacks: