Vicuna 主题添加AJAX评论

By
尝鲜试用

忙了3个多小时完成了AJAX评论的添加,效果见本博留言部分~

首先感谢已经许久没有更新的 Xiaorsz 同学,虽然很久没有更新了,但是就是翻翻就日志,还是能有很大收获的,这不,我一直想用的AJAX评论效果就被我发现了。

其实这个集成在 wp-threat-comment 里面,以前用嵌套评论的时候启用过一段时间,感觉还不错,至少不用刷新页面看留言效果。不过由于找不到嵌套评论的合适效果,所以决定放弃它了。但是对于AJAX评论还是耿耿于怀。

这个方法详细内容见 使用 jQuery 实现 wordpress 的 Ajax 留言 ,首先对他的辛勤劳动再次表示感谢,内容也基本取自这篇文章。

首先推荐使用 http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js ,好处就是当别人访问过同样使用这JS的时候,再次访问你的站点不用再次载入这个文件,这个文件几十K的,载入的话很耗费时间的,这自然会影响首页载入速度。

vicuna 的主题comments是需要修改的。因为他的几个关键部分不带有ID,所以如果用AJAX效果的话找不到。添加的部分主要有以下:

1、查找<span>,添加id=”commentnum”.

2、查找<dl>,添加id=”commentlist”.

第一,编写comments-ajax.php文件。注意该部分最后的<dt id=”comment-<?php echo $comment->comment_ID; ?>”>后的部分用自己主题的 id=”comment-<……来代替。

第二,comments.js的实现。该部分当中的commentlist就是我们添加的log部分的ID。如果需要的话可以把这部分整合到自己的JS里。

之后是评论楼层的显示,如果不想刷新后看到的话可以在success: function(data)函数体内部添加

$(‘#commentnum’).text(parseInt(jQuery(‘#commentnum’).html()) + 1);
$(‘.ajaxcomments’).text($(‘#commentnum’).text()).removeAttr(“class”);

记住commentnum是自己定义的楼层显示部分id。

第三,在footer或者header部分加载jQuery 框架和以上的JS。完成。

PS:关于里面AJAX的等待条,其实有网站可以在线生成的,在这里~~http://www.ajaxload.info/。用起来很方便~喜欢的同学可以自己做一个~

0

Comments: 34

  1. 评论测试

    2009年06月18日
  2. 好高级啊。。。

    2009年06月19日
  3. 高级高级~~来试试看~~!!

    2009年06月19日
  4. 我的主题用的是“wp_list_comments()”,上次折腾了我好久才搞定ajax评论

    2009年06月19日
  5. 折腾了下,没整对

    2009年06月19日
  6. 你的博客好像是对我的域名.info不友好

    2009年06月19日
  7. 又折腾了? 呵呵

    2009年06月19日
  8. @FORECE:谢谢夸奖。
    @trai25: 欢迎测试!~
    @zwwooooo: 嗯,我看过了,有点不一样,你折腾得比我早多了,也强悍很多~
    @that5: 多试试就成了
    @YoungCheon: 假期就折腾不了了,趁这几天再折腾折腾~~哈哈

    2009年06月19日
  9. 测试下0.0

    2009年06月20日
  10. 加上这主题样式很舒服

    2009年06月20日
  11. 皮肤不错的

    2009年06月20日
  12. @神兽: 额,还在修改。
    @开心: 谢谢~~

    2009年06月20日
  13. @阿修 我就是不够强悍所以才会折腾那么久……不过大家折腾了,如果有收获,也就值了。

    2009年06月20日
  14. 测试一下 TEST

    2009年06月20日
  15. @zwwooooo: 这一席话 精神确实很值得学习,不愧为“老”折腾……

    2009年06月20日

稻草人进行回复 取消回复

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

*

:razz: