AI摘要

本文介绍了为子比主题V7.7前版本增加翻页页数跳转功能的方法，只需在后台自定义JavaScript中添加指定代码即可实现，V7.7及以上版本因自带此功能则无需操作。

功能更好适用于子比主题 V7.7以前的版本，因为自V7.7开始主题自带（数字翻页输入页码跳转的功能）会更协调美观，但是需要超过八页才会显示。

先看效果图：

操作步骤：

实现方法也是非常简单，把以下代码放置于子比主题后台自定义代码-自定义javascript代码即可：

[hidecontent type="logged"] 
$(function(){    
    $('a.next.page-numbers').after('<br><div style="display: inline-flex;margin: 10px;"><input class="form-control" id="pageInput" placeholder="输入页数" style="flex: 30px;border-color: var(--theme-color);">  <button class="newadd-btns but pw-1em jb-pink btn-newadd" onclick="goToPage()">前往</button></div>');    
});  
  
function goToPage() {    
    const pageNumber = document.getElementById("pageInput").value;    
    if (pageNumber && !isNaN(pageNumber) && pageNumber > 0) {    
        window.location.href = `/page/${pageNumber}`;  
    } else {    
        // 使用 notyf 显示警告通知  
        return notyf('请输入有效的页数！', 'warning');  
    }    
}
[/hidecontent]