最新消息:

WordPress首页Ajax翻页

wordpress教程 Themeidea 1623浏览 0评论

WordPress的首页ajax翻页以前在很多地方都看到过,比如天空团,Bigfa,Kayosite,查看了一下他们的源码,研究了一下自己主题的结构,本站现在用的主题也是用上了ajax首页翻页效果。

				$(function(){
					$body = (window.opera) ? (document.compatMode == 'CSS1Compat' ? $('html') : $('body')) : $('html,body');
					$('#postnavigation a').live('click', function(e){
						e.preventDefault();
						$.ajax({
							type: 'GET',
							url: $(this).attr('href'),
							beforeSend: function(){
								$('#content').slideUp(400, function(){$('#content').remove();});
								$('#loop-loading').slideDown();
								$body.animate({scrollTop:$('#content').offset().top}, 400);
							},
							dataType: 'html',
							success: function(out){
								result = $(out).find('#content').hide();
								$('#loop-loading').slideUp('fast');
								$('#loop').append(result.slideDown(400));
							}
						});
					});
				});

转载请注明:Themeidea » WordPress首页Ajax翻页

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址