JQuery.dataTables表格插件添加跳转到指定页

原文（假设）：

在这个繁忙的世界里，找到一片宁静的角落，是一种难得的享受。每当夜幕降临，我都会来到这个小巷，感受那独有的宁静与和谐。这里远离喧嚣，是我在繁忙生活中的避风港。

每当走进这条小巷，我都仿佛置身于一个完全不同的世界。路边的灯光柔和而温暖，照亮了我疲惫的心灵。周围的建筑古老而质朴，给人一种时光倒流的感觉。空气中弥漫着淡淡的花香和食物的香气，让人不禁陶醉其中。

在这里，我可以放慢脚步，深呼吸，感受每一刻的平静与美好。我会找一个安静的角落坐下，聆听远处的蛙鸣和近处的虫鸣，它们的声音交织在一起，形成了一首美妙的交响曲。我会抬头仰望星空，感受宇宙的浩瀚与神秘。这一切都让我忘记了生活的压力和烦恼。

这个小巷不仅是我的避风港，更是我心灵的寄托。在这里，我可以找到内心的平静和力量，重新面对生活的挑战。这个小巷成为了我生活中不可或缺的一部分，是我寻找内心安宁的圣地。

在这喧嚣繁忙的世界中，有一隅静谧的角落，如一片宁静的港湾，让人得以安放忙碌的心灵。那里是我时常向往的小巷，尤其在夜幕降临之际，我总会踏上那片石板路，追寻宁静与和谐的气息。

走进小巷的那一刻，仿佛穿越了时空的隧道，来到了一个世外桃源。柔和的街灯洒下温暖的光芒，照亮了我疲惫的心灵之旅。古老的建筑诉说着岁月的故事，让我仿佛穿越到了往昔的岁月。空气中弥漫的花香和食物香气，犹如自然的馈赠，让人陶醉其中。

在这里，我可以放慢脚步，深呼吸清新的空气，感受每一刻宁静的美好时光。我喜欢找一个安静的角落坐下，聆听大自然的和谐乐章——蛙鸣与虫鸣交织成美妙的交响曲。仰望星空，感受宇宙的浩瀚与神秘，仿佛与天地融为一体。这一切都让我忘却生活的纷扰和压力，重新找回内心的宁静与力量。

一、解决方案介绍

二、实现步骤

1. 添加自定义工具栏并嵌入文本框

我们可以通过设置"dom"参数来添加自定义工具栏，并在其中嵌入一个文本框用于输入页码。例如：

```javascript

$("div.toolbar").html('跳转第页');

```

2. 监听文本框的change事件，执行插件的页面跳转方法

接下来，我们需要监听文本框的change事件，当输入的页码发生变化时，执行插件的页面跳转方法。例如：

```javascript

var oTable = $('example1').dataTable();

oTable.fnPageChange(page); //注意这里的page变量需要根据你的实际情况进行赋值

```

3. 插件绘制成功后，绑定文本框的值

为了实时显示当前页码信息，我们还需要在插件绘制成功后，绑定文本框的值。可以通过监听'draw.dt'事件来实现：

```javascript

table.on('draw.dt', function (e, settings, data) {

var info = table.pagefo();

consolefo('显示页面：' + info.page + ' / ' + info.pages);

$('searchNumber').val(info.page + 1); // 将页码信息填入文本框

});

```

三、完整示例代码

```html

```

```javascript

$(function () {

var table = $('example1').DataTable({

"dom": 'l<"toolbar">frtip', //自定义工具栏

"pagingType": "full_numbers",

lengthMenu: [3, 5, 10],

processing: true, //是否使用进度条

serverSide: true, //是否启用数据库加载

ajax: {

url: '/tableone/getlist',

type: 'post',

},

columns: [

{ data: 'sno' },

{ data: 'sname' },

{ data: 'ssex' },

{ data: 'sbirthday' },

{ data: 'class' }

],

order: [

[3, 'desc']

]

});

//添加跳转文本框并绑定事件

$("div.toolbar").html(' 跳转第页');

//绑定分页事件，在切换分页的时候触发

//此处可以添加更多逻辑来处理分页跳转事件

});