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. 呵呵 同样也用了google提供的这些api 啊 !! 哈哈 用处很大,google 脑袋真会转啊 !! 哈哈 佩服!!ajax还是再用那个记不住名字的插件自带的功能,暂时还不想改!! 不是很影响加载速度啊

    2009年06月20日
  2. 我来体验一下!

    2009年06月21日
  3. 前来体验效果!

    2009年06月23日
  4. 我也来测试啊!。。。

    2009年06月23日
  5. 经过我昨天一下午的折腾,发现我的主题不支持这样改。。。

    2009年06月24日
  6. @Leo.N:我只是说在vicuna 这个版本主题下使用AJAX评论的方法,对于常用的主题,可以看 http://www.xiaorsz.com/jquery-wordpress-ajax-comments 这篇文章,写的很详细~~

    2009年06月24日
  7. @阿修:
    谢了,我看看去。

    2009年06月24日
  8. 太感谢了,一直想找这样的教程 – – 其他高手们都避而不答!orz

    2009年06月26日
  9. 看上去很复杂啊!

    2009年09月08日
  10. 试试看看,我正需要。

    2010年02月11日
  11. 我也需要

    2010年02月19日
  12. 求解为Ajax comments评论增加楼层的方法。

    2011年04月08日
  13. 貌似加楼层的话会变作#1……

    2011年04月10日
  14. test
    test
    test
    :cool: :cool: :cool:

    2011年04月22日
  15. 看一下效果怎么样

    2011年05月04日

稻草人进行回复 取消回复

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

*

:razz: