CSS 代码
css 随意部分添加。
#commentload,#commenterror{
display: none;
margin: 5px 0 0 0;
color:#D29A04;
float: left;
font-size:16px;
padding:0 0 0 20px;
}
#commentload{
background: url("img/loading.gif") no-repeat bottom left ;
}
#commenterror{
background: url("img/error.png") no-repeat bottom left ;
}
原理、思路
原理：
Javascript 提交数据
php响应并输出结果
Javascript 得到结果并显示
思路：
点击提交按钮后，Javascript 截获提交动作
截获提交的各项数据（Name、Email、Web、Comment-text）
利用 Javascript Jquery 模拟浏览器提交POST（Name、Email、Web、Comment-text）请求之WordPress
Function.php 文件中构造一个接受请求的函数，即本列中ajax_comment函数
如果请求无错误，输出正确结果
如果请求有错误，输出错误结果
Javascript 获得正确结果，动态添加到评论列表中
Javascript 获得错误结果，动态添加到提交提示栏
改进
样式方面，我确实没什么美感，所以正在学习中。
提交按钮在点击至获得返回结果后3秒的时间里应该都是变灰失效状态，这一点之前因为在本机测试，提交瞬间完成没有注意到，远程测试的时候发现了，但要改的话还要进行测试，时间太紧就不改了，有机会再改进一下。
总结
因为 WordPress 主题中评论样式的自由性、多样性，所以貌似至今一直没有一款通用性的AJAX 评论插件，
一些高手也只能在优化自己博客之余，把思路和部分通用核心代码做一下公布，
所以想要实现一些炫酷的功能要不有高人帮你，
要不你就只能好好学代码，期待有一日能够厚积薄发了。
效果请自行提交评论验证。
标签：WordPress
相关阅读 >>
wordpress 上传附件中文文件名乱码解决办法(for windows)
wordpress添加并整合google自定义搜索实现步骤及代码
wordpress 相册插件 nextgen-gallery 添加目录将中文转为拼音的解决办法
更多相关阅读请进入《wordpress》频道 >>
