跨页悬浮显示 @ 评论 (代码篇)

var id=/^#comment-/;
var at=/^@/;
jQuery('#thecomments li p a').each(function() {
	if(jQuery(this).attr('href').match(id)&& jQuery(this).text().match(at)) {
		jQuery(this).addClass('atreply');
	}
});
jQuery('.atreply').hover(function() {
	var target = this;
	var _commentId = jQuery(this).attr('href');
 
	if(jQuery(_commentId).is('.comment')) {
		jQuery('<li class="comment tip"></li>').hide().html(jQuery(_commentId).html()).appendTo(jQuery('#thecomments'));
		jQuery('#thecomments .tip').css({
			left:jQuery().cumulativeOffset(this)[0] + jQuery(this).width() + 10,
			top:jQuery().cumulativeOffset(this)[1] - 22
		}).fadeIn();
	} else {
		var id = _commentId.slice(9);
		jQuery.ajax({
			type:         'GET'
			,url:         '?action=load_comment&id=' + id
			,cache:       false
			,dataType:    'html'
			,contentType: 'application/json; charset=utf-8'
 
			,beforeSend: function(){
				jQuery('<li class="comment tip"></li>').hide().html('<p class="ajax-loader msg">Loading...</p>').appendTo(jQuery('#thecomments'));
				jQuery('#thecomments .tip').css({
					left:jQuery().cumulativeOffset(target)[0] + jQuery(target).width() + 10,
					top:jQuery().cumulativeOffset(target)[1] - 22
				}).fadeIn();
			}
 
			,success: function(data){
				var addedComment = jQuery(data + '</li>');
				addedComment.hide().appendTo(jQuery('#thecomments'));
				jQuery('#thecomments .tip').html(addedComment.html());
			}
 
			,error: function(){
				jQuery('#thecomments .tip').html('<p class="msg">Oops, failed to load data.</p>');
			}
		});
	}
}, function() {
	jQuery('#thecomments .tip').fadeOut(400, function(){
		jQuery(this).remove();
	});
});

function load_comment(){
	if($_GET['action'] =='load_comment' && $_GET['id'] != ''){
		$comment = get_comment($_GET['id']);
		if(!$comment) {
			fail(printf('Whoops! Can\'t find the comment with id  %1$s', $_GET['id']));
		}
 
		custom_comments($comment, null,null);
		die();
	}
}
add_action('init', 'load_comment');