添加“原生嵌套评论 Ajax 提交”功能

这几天小站不知怎么了，页面打开得都挺快的，就是提交评论慢死，实际上已经提交了，但页面就是刷新不出来，卡住……

向GG大大请教，说大多是服务器负载过高的关系。嗨，服务器，我又折腾不到，所以索性自己动手丰衣足食，给小站加上了早以不稀奇的Ajax评论提交功能。经选择采用了Willin童鞋的方法。

经过下午的折腾，已经修改出Simple-Lines主题专用美化版（comments-ajax.7z）。使用方法：

1.解压——把 comments-ajax.js 及 comments-ajax.php 放在simplelines主题文件夹内；

2.在 header.php 中找到：

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

修改为：

 
<?php if ( is_singular() ){ ?>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
 
<?php } ?>

OK！就这么简单！再次感谢Willin童鞋！

另，有兴趣深入折腾的可前往《WordPress 內置嵌套評論專用 Ajax comments》。

另另，推荐后续相关阅读：《Ajax comments 評論回應郵件通知》

主机格调

  1. 我来帮你测试了 我真好

    回复
    • sfengz
      八月 29, 2010 13:59:13

      也来测试一下～

      回复

  2. 不错不错，果然可以Ajax了 这样就快了不少啊

    回复

  3. :mad: 不好意思 老毛病又犯了 三联席，后来的去住地下室吧

    回复
      • 枫雪
        七月 29, 2010 17:50:17

        请问木木 非WP怎么去实现这样的效果呢？

        回复
  4. Ever
    十月 7, 2009 19:15:19 #4

    偶怎么没有遇到这个情况哦!

    童鞋?同学!!

    回复

    • @Ever 童鞋=同学，你那没AJAX提交？

      回复
      • Ever
        十月 8, 2009 10:24:10

        额..没遇到什么问题!一切正常..

        :???:

        回复

        • 理解错误，我以为你说“没有遇到”AJAX评论提交的“这个情况”……

          回复
  5. A.shun
    十月 7, 2009 19:16:19 #5

    Ajax 提交体验上还是很好的

    回复

    • @A.shun 嘻，现在回复留言也很爽来着~~~哈哈

      回复

    • @zwwooooo 恩，那文章刚出来时在折腾这个主题呢，所以放了放，一放放到现在……

      回复

      • OK了，非常准确地收到4封邮件！

        回复
  7. Justice
    十月 7, 2009 22:30:22 #7

    大家最近都很喜欢搞Ajax嘛。
    PS.搜索框看不见“搜索”按钮。我是Firefox 3.5.3。

    回复

    • 恩，看来是CSS没写好了，chrome正常我也就没查看其他浏览器了……

      回复

    • 恩！试过但出错了，全部都是默认的头像……好了，今晚再试一次，不行，明天再说啦！

      回复
  9. 万戈
    十月 8, 2009 00:03:0 #9

    WP thread comment有ajax功能，这我就不折腾啦，哈哈

    回复
  10. kangzj
    十月 8, 2009 00:15:0 #10

    我是来看效果的，哈哈

    回复
  11. Mr.Sam
    十月 8, 2009 13:56:13 #11

    WP thread comm我也是用这个，免得又折腾，呵呵

    回复
    • jessy
      十月 22, 2010 16:26:16

      我测试下哦

      回复
  12. Mr.Sam
    十月 8, 2009 13:56:13 #12

    真的要发表了评论才能见到这么炫的效果啊。赞一个。

    回复

    • :cool: HOHO，而且还能邮件通知哦！！

      回复
  14. 铵铵
    十月 8, 2009 15:07:15 #14

    邮件有没有可让评论者自选是否邮件通知的选项呢.

    回复

    • 这个……就得跟Willin同学说咯~俺没这个技术呀！

      回复

  15. :cool: 我也来测试测试。你要建议！不要建议

    回复
  16. 雨人
    十月 10, 2009 13:07:13 #16

    我也来体验一下

    回复
  17. 大丽
    十月 24, 2009 20:38:20 #17

    来看看是不是

    回复
  18. chancat
    十一月 6, 2009 23:17:23 #18

    :evil: 啥..就这么简单 :evil:

    回复

    • 是地，只要你的主题够标准！不标准的话，那就有点麻烦了……

      回复
  19. chancat
    十一月 6, 2009 23:19:23 #19

    呃。。提供的下载 是 你模版专用的 :mad: 。怪不得

    回复

    • 恩，原版到Willin大师那下载吧~

      回复
      • chancat
        十一月 7, 2009 00:22:0

        :twisted: Willin 那里我已经操作过了 我的模版很不标准 :razz:

        回复

        • 那就比较麻烦了，要改JS，这得请willin大师帮忙！

          回复
  20. koobai
    十二月 1, 2009 19:31:19 #20

    回复看下效果~~~

    回复
  21. licream
    十二月 19, 2009 12:12:12 #21

    － －，我用上去页面会跳转。好像没实现 :!:

    回复

    • 悲剧哦，模板写得规不规范是能否正常用上的关键！

      回复
  22. anear
    十二月 20, 2009 20:21:20 #22

    回复一下.看看效果 :grin: :grin:

    回复
  23. 北街
    一月 8, 2010 18:25:18 #23

    这是目前的提交效果么？

    回复
  25. x-locus
    一月 23, 2010 14:00:14 #25

    可是我用了之后，显示的样式和主题不一样啊？

    回复

    • 额，样式这个是会有点出入的，各个主题ID和Class都不尽相同，让插件作者做出能完全继承原主题的样式，除了神人是做不到了……

      回复
  26. x-locus
    一月 23, 2010 14:51:14 #26

    我只是个wp的菜鸟，还有很多不懂望指点一下，谢谢。给个联系方式吧！

    回复

  27. 这个放在其他主题也能用的么？

    回复
  28. HF
    二月 19, 2010 18:16:18 #28

    这个不限主题吗. :mad:

    回复
  29. HuMeng
    三月 1, 2010 11:58:11 #29

    试试,谢谢分享 :evil:

    回复

  30. 这种方法只适用于评论输出调用的情况，有些狭隘了。

    回复

    • 够用就好~呵呵，你说呢？

      回复

    • 一定程度上，搜索下AJAX的意思就明白了~

      回复
  32. 山茶
    四月 9, 2010 23:55:23 #32

    回复下试试ajax功能，博主抱歉了呵呵。

    回复

    • 回复测试一下，希望博主别介意。

      回复
  33. 山茶
    四月 9, 2010 23:56:23 #33

    很不错，我也去试试去。

    回复
  35. 小哀
    四月 22, 2010 15:51:15 #35

    我的主题不支持.郁闷….

    回复

    • 额哦，那就米办法咯……

      回复
  36. 老黑
    四月 25, 2010 13:44:13 #36

    我试试

    回复
  37. Selio
    四月 30, 2010 21:37:21 #37

    我的主题是Mystique，用了lz的方法，把文件放到主题目录下，然后把代码附加到了主题的header.php文件的末端，测试以后评论是可以进行AJAX提交的，但是没有在当前页面直接输出来，必须要再刷新一次才能看到……
    要怎么解决呢？跪求解答……

    回复
    • 阿邙
      五月 1, 2010 08:55:8

      你可以先看下有没有什么插件冲突。

      回复
      • Selio
        五月 1, 2010 11:59:11

        不是IE6，是Firefox的最新正式版
        插件的部分我看过，Mystique没有自带AJAX效果，而且我也把所有的AJAX插件都停止掉了……还是不行

        回复
        • Selio
          五月 1, 2010 13:04:13

          那个……已经解决了……主题更新到2.3版本以后就直接内置原生支持了……

          回复
            • Selio
              五月 1, 2010 13:47:13

              对啊……作者估计也是喜欢AJAX的主儿吧？只是还没来得及完全汉化……不过也够了……

              回复
  38. Fantasy
    五月 20, 2010 21:20:21 #38

    太喜欢这个这个功能啦，折腾了小一周还是不行，博主有时间去帮我看看呗~

    回复
  39. fly3q
    六月 30, 2010 23:01:23 #39

    :idea: 这功能很好，正需要呢，谢谢了。

    回复

  40. :???: 为什么我的加上这个提交的时候好慢慢慢死了

    回复

    • 一，服务器问题；二，JS冲突？

      回复
  41. 麦子
    七月 22, 2010 14:47:14 #41

    为什么我的站提交回复后，还得刷新才能跟其他评论统一样式显示呢？怎么修改提交后的样式啊 :?:

    回复

    • 这个说不清，提交评论后查看下HTML代码结构，一般是ID或者Class没对应引起的～

      回复
  42. 小闇
    八月 14, 2010 19:26:19 #42

    當初修改元素時看原碼看得發瘋了 :arrow:

    回复
  43. Wyane
    八月 14, 2010 20:10:20 #43

    试试效果哈 :mrgreen:

    回复
  44. 归臧
    十二月 6, 2010 23:12:23 #44

    这个确实好用~

    回复

  45. 最近正在研究木木的主题呢，哈哈。。。真的很不错！学习到了不少东西！

    回复

    • 先看基本框架的主题，弄清了好折腾些～

      回复
  46. DH
    三月 25, 2011 22:46:22 #46

    攒，很实用的功能

    回复
  47. 还不错
    四月 7, 2011 19:44:19 #47

    貌似不错

    回复
  48. huhu
    四月 10, 2011 02:48:2 #48

    测试一下啊 看看效果啊 :cool:

    回复
  49. JS
    四月 10, 2011 13:16:13 #49

    看一下火狐的啊~~~~~~

    回复
  50. 泊风
    六月 8, 2011 16:55:16 #50

    正在因为这个东西而烦恼，不知道如何改变提示文字的大小及位置 :arrow:

    回复

    • 这些就得你自己看源文件了，需要懂点js～

      回复
  51. 祥子
    六月 10, 2011 15:57:15 #51

    这效果不错

    回复
  52. Simon
    七月 9, 2011 20:31:20 #52

    :cool: 这个一定要测试下。。。。嘿嘿

    回复

  53. 下载来试试，看我的主题可以用不，以前的那个只能在谷歌浏览器环境下才有效果。

    回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*


您可以使用这些 HTML 标签和属性： <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">