经验分享

jQuery(document).ready(function($) { var loadMoreButton = $('.load-more-posts'); var currentPage = 2; 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'); // 示例：将最新文章标题颜色设置为红色 } }); >