博客添加了嵌套评论Ajax提交功能打赏

今天,又想起了一个问题,记得年前的时候有朋友访问我的博客,在评论后说评论没有ajax效果,导致了浏览器假死,我说暂时不会添加,因为自己当时没接触过ajax。最近对ajax有了些接触,不过自己还是没能力去修改主题,让它支持ajax评论提交。

但是,我至少知道了,需要实现这个功能不必要对主题进行重新构架,这样来说,增加一段代码也许就能实现了。至此,问题已经有了新的解决方法,我们有万能的百度,随便一搜,有很多方法。

总结并增加、修改了部分代码后,成功实现了ajax效果,与此同时还实现了刷新前重新编辑的功能,大家有兴趣可以在此评论测试下效果。

方法是willin提供的,无插件,简单的修改代码就能实现。

具体方法如下:

一、下载代码

下载 comments-ajax-1.29.zip (5.20k) v1.29 适用于 WP 2.8 ~ 3.0

下载 comments-ajax-1.3.zip (5.15k) v1.3 用了新函数get_post_status_object(), 只能在 WP 3.0 以上使用。

二、解压上传

解压后,把 comments-ajax.js 及 comments-ajax.php 上传到你所使用的主题文件夹内。

三、修改代码

在 header.php 找到

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

修改为

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

需要提醒的是,之前加载过ajax控件的无需再次加载,文件默认开启评论提交后的再编辑功能,不想要的可以打开源文件修改,文件内部有说明。



博客添加了嵌套评论Ajax提交功能
文章《博客添加了嵌套评论Ajax提交功能》二维码
  • 微信打赏
  • 支付宝打赏
  1. Pingback: 游客 114

  2. Pingback: WP新手笔记之十三:Ajax嵌套评论 | cCYANn

无觅相关文章插件,快速提升流量