jQuery(document).ready(function($) {
var loadMoreButton = $('.load-more-posts');
var currentPage = 3;
loadMoreButton.click(function(e) {
e.preventDefault();
var nextPageUrl = $(this).attr('href');
$.ajax({
url: nextPageUrl,
type: 'GET',
beforeSend: function() {
loadMoreButton.text('Loading...');
},
success: function(data) {
// 假设返回的数据是新的HTML内容
var newHtml = $(data).find('.site-main').html();
$('.site-main').append(newHtml);
// 更新当前页面计数
currentPage++;
// 更新分页链接
loadMoreButton.attr('href', loadMoreButton.attr('href').replace(/paged=\d+/, 'paged=' + currentPage));
// 重新初始化可能的脚本和样式
initScriptsAndStyles();
},
error: function() {
loadMoreButton.text('Error!');
},
complete: function() {
loadMoreButton.text('Load More');
}
});
});
function initScriptsAndStyles() {
// 这里可以调用初始化脚本和样式的函数
// 例如，如果有特定的文章样式需要应用到新加载的内容上
$('.entry-title a').css('color', 'red'); // 示例：将最新文章标题颜色设置为红色
}
});
>
