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)); } }); }); });