$(document).ready(function() {    
if ($('#commentform').length) {
    $('#commentform').submit(function(){    //ID为 commentform 的表单提交时发生的函数，也就是整个留言输入框 form 的ID。
        jQuery.ajax({
            url: 'http://blog.xiao3.info/wordpress/wp-content/themes/xiaosan/comments-ajax.php',    //刚刚创建的 comments-ajax.php 文件的位置，建议用绝对路径。
            data: $('#commentform').serialize(),    
            type: 'POST',
            beforeSend: function() {
            $('#commenterror').hide();
            var submit='<div id="commentload" style="display: none;background: url(\'http:\/\/www.xiao3.info\/image\/loading.gif\') no-repeat scroll 0 50%;margin: 0 auto;float:center;color:#FE6502;text-align:center;">正在提交评论...</div>';    //创建名为 submit 的字符串，稍后插入，这里的样式大家自己根据需要定义，那个背景图片自己去下哈。
	     var error='<div id="commenterror" style="display: none;margin: 0 auto;"></div>';    //创建名为 error 的字符串
	        $('#comments').after(submit);    // 在ID为 comments 的元素后插入刚定义的 submit
	        $('#comments').after(error);    // 同样插入刚定义的 error
                $('#commentload').slideDown();  // 让submit 向下滑出
            },
            error: function(request) {    //发生错误时
                $('#commentload').hide();    //隐藏  submit
                $('#commenterror').show("slow").html(request.responseText); //显示 error 
            },
            success: function(data) {
                $('textarea').each(function(){
                    this.value='';
                });
                $('#commenterror').hide().html();
                if (!$('#thecomments').length) {
                $('#pinglist').before('<ol id="thecomments"></ol>');}
                $('#thecomments').append(data);    //向ID为 thecomments 的元素添加数据，也就是整个 ol 或 ul
				var new_comment = $('#thecomments li:last').hide();    //让最新添加的数据隐藏
				new_comment.slideDown(1000);    //再显示，这里是为了实现滑出的效果，不想要也可以直接显示
                $('#commentform:input').attr('disabled', true);
                $('#commentload').slideUp("slow");
		$('.messagebox').slideUp("slow");    //这是针对我模版而加的，因为我模版在没有留言时会有个 nocomment 的元素，我要让添加一条留言后他自动隐藏，要不然会矛盾，呵呵，这个可以自行选择要或不要
		setTimeout(function() {
                $('#commentform:input').removeAttr('disabled');
                }, 10000);        //这里是设置10秒之后才可以再次留言，自行设置，单位毫秒。
            }
        });
       return false;
   } );
}})