if (/^d+$/.test(clipboard))

}

'next_text' => '下一页'

//.page_nav a.go_btn为确认按钮，点击执行

大家可以根据自己的需要修改上面的代码来改变输出的格式，在需要显示的位置加上<?php chenxing_pagenavi(); ?>进行调用，再以css修饰前台的布局就OK了，下面我们还要实现跳转的功能。

if( !emptyempty($wp_query->query_vars['s']) )

alert('请输入页码');

下面的页码输出函数显示出来的效果见上图：

<span>页</span>

<input type="text" max="'.$total_pages.'" value="" />

<span>跳转至：第</span>

else

$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;

function chenxing_pagenavi() {

'base' => esc_url_raw( str_replace( 999999999, '%#%', get_pagenum_link( 999999999, false ) ) ),

}

go_link = page_links.replace(//page/([0-9]{1,})/g, '/page/'+page_input.val()); //将页码数字替换

if(page_input.val()=="){

location.href = go_link; //跳转

'end_size'=>'1',

}).bind("paste", function () {

else

return false;

);

});

});

global $wp_query, $wp_rewrite;

$pagination['add_args'] = array('s'=>get_query_var('s'));

return false;

page_links = $('.page-nav a').eq(1).attr('href'); //从页码列表中获取任意一个链接,此处获取第一个链接

};

jQuery(document).ready( function($){

}

var eventObj = event || e;

}

'type' => 'plain',

'total' => $wp_query->max_num_pages,

//获取剪切板的内容

//禁用输入法

<a href="#">确认</a>

return true;

echo paginate_links($pagination);

'prev_text' => '上一页',

echo '<a href="'. esc_html(get_pagenum_link($total_pages)).'">尾页</a>';

if ( $current !=1 ) {

echo '</div></div>';

var clipboard = window.clipboardData.getData("Text");

$('#page_input').onlyNum();

this.style.imeMode = 'disabled';

var keyCode = eventObj.keyCode || eventObj.which;

echo '<a href="'. esc_html(get_pagenum_link(1)).'">首页</a>';

</div>';

'current' => $current,

这段jQuery已经集成了对应的分页跳转功能以及让输入框只能输入数字的限制，这样用户体验应该会比较棒。

}).focus(function () {

if ((keyCode >= 48 && keyCode <= 57))

echo '</nav></div>';

event.preventDefault(); //取消默认动作

page_input = $('#page_input'); //获取输入框的值

jQuery代码

$pagination = array(

echo '<div><div>';

'mid_size'=>'3',

'format' => ",

if ( $current < $total_pages ) {

return false;

echo '<div>

echo '<div><span>第'.$current.'/'.$total_pages.'页,共</span><span>'.$wp_query->found_posts.'</span><span>个结果</span></div>';

alert('请输入1至' + page_max + '之间的数字');

最近看到有些网站没有输入页码跳转的功能，使用起来不是很方便，我就想用户如果需要跳转到那一页只需在输入框中输入相应的页面点击确定就可以跳转到指定页面，那么如何为WordPress添加输入页码跳转功能？接下来我们一起了解一下。

$('.page_nav a.go_btn').on('click',function(event){

$(this).keypress(function (event) {

'show_all' => false,

if($total_pages>1){

});

echo '<div><nav>';

return true;

}

if((page_input.val()<1) || (page_input.val()>page_max)){

}

return false;

$.fn.onlyNum = function onlyNum() {

$total_pages = $wp_query->max_num_pages;

page_max = page_input.attr('max'); //获取输入框中的max属性的值，就是最大页码

//#page_input为页码输入框