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/。用起来很方便~喜欢的同学可以自己做一个~

Comments: 34

  1. 我来试试。

    2011年11月24日
    • 评论功能不错的说

      2012年12月21日
  2. 前来学一下。

    2012年06月03日
  3. 测试一下。

    2012年08月28日

发表评论

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

*

:razz: