我刚刚找到了一个简单的解决方案,尝试了几种“高级”和现代的框架,但旧的可靠jquery使其变得简单。
$(document).ready(function(){
// ajax pagination
$(\'#paginator a\').on(\'click\', function(e){
e.preventDefault();
console.log(\'paginate\');
var link = $(this).attr(\'href\');
$(\'.current\').removeClass(\'current\');
$(this).addClass(\'current\');
$(\'#main-content\').html(\'Loading\');
$(\'#blog\').load(link+\' #main-content\');
$(\'#paginator\').load(link+\' .pagination\')
});
});
我只是添加了一些小的变化,以更新帖子网格,在我的例子中是主要内容。和分页状态(在我的示例中为#分页)。两者都有一个内部div来更新正在修改的内容。