typecho无限流加载更多

/* 加载更多文章 */
var isLoading = false;

$(window).on('scroll touchmove', function() {
    var A = Math.floor($(window).scrollTop()) + window.innerHeight;
    var B = $(document).height();
    if (!isLoading && Math.abs(A - B) < 50 && $('.archive_next a.next').length > 0) {
        isLoading = true;
        loadMoreArticles();
    }
});

function loadMoreArticles() {
    var $next = $('.archive_next a.next');
    var href = $next.attr('href');

    if (href) {
        $next.addClass('loading').text('loading...');

        // 这里您可以选择使用 Pjax 或直接 AJAX
        // 使用 Pjax（如果后端支持 Pjax）
        // pjax.loadUrl(href);

        // 或者，使用普通的 AJAX（这里假设您不想或不能使用 Pjax）
        $.ajax({
            url: href,
            type: 'get',
            success: function(data) {
                // 假设数据是一个完整的 HTML 片段，并且我们只需要提取其中的部分
                var $res = $(data).find('.post');
                $('#content').append($res.fadeIn(500));

                // 更新“加载更多”链接（如果存在）
                var $newNext = $(data).find('.archive_next a.next');
                if ($newNext.length) {
                    $('.archive_next').empty().append($newNext);
                } else {
                    $('.archive_next').empty().append('<span class="text-xs over text-gray-950 ">—— 我也是有底线的 ——</span>');
                }

                $next.removeClass('loading').text('more');
                isLoading = false;
            },
            error: function(xhr, status, error) {
                console.error('加载失败:', error);
                $next.removeClass('loading').text('加载失败');
                isLoading = false;
            }
        });
    }
}

index.php里添加

<div class="bg-white links text-xs archive_next" style="padding: 30px 0;text-align: center">
<?php $this->pageLink('查看更多','next'); ?>
</div> 

请使用#content包裹着post 如下图

更新一下

加载出来的a链接导致pjax失效只要把链接改成

比如

修改前

<a href="<?php $this->permalink() ?>"><?php echo get_Abstract($this,140); ?></a>

修改后

<span onclick="pjax.loadUrl('<?php $this->permalink() ?>');"><?php echo get_Abstract($this,140); ?></span>

偶遇你博客https://ouyu.me/