注意了，这种加载方式，前提是有新窗口打开链接，不然用户点进文章返回后会重新回到第一页加载，这是通病，自行解决
1,
'paged' => $paged
);
query_posts($args);
while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile; wp_reset_query();
?>
'.$next_page.'
$('.article-paging > a').on('click',function(){ //点击实现加载更多，你可以根据自己需要改成下拉自动加载
var next_url = $(this).attr("href");
var next_text = $(this).text();
if(next_text == '加载更多'){
$(this).text('加载中...');
$.ajax({
type: 'get',
url: next_url + '#article-list',
success: function(data){
result = $(data).find("#article-list .article-item");
next_link = $(data).find(".article-paging > a").attr("href");
//$(this).attr("href", next_url);
if (next_link != undefined){
$('.article-paging > a').attr("href", next_link);
$('.article-paging > a').text('加载更多');
}else{
$(".article-paging").remove();
}
$(function(){
$("#article-list").append(result.fadeIn(300));
$('.thumb').lazyload({
data_attribute: 'src',
placeholder: _BGJ.uri + '/static/img/thumbnail.png',
threshold: 400
});
});
$(function() {
if (next_url.indexOf("page") < 1) {
$("#article-list").html('');
}
$("#article-list").append(result.fadeIn(200));
});
}
});
}
return false;
});
完事走人！
评论(0)