JQueryPagination分页插件增加了首页尾页以及跳转功能

2024年2月3日发(作者：)

JQueryPagination分页插件增加了首页尾页以及跳转功能

JQueryPagination是一个非常常用的分页插件，它可以很方便地实现分页功能。然而，原始版本的JQueryPagination存在一些缺陷，比如没有首页和尾页的按钮以及跳转功能。在这篇文章中，我将会介绍如何对JQueryPagination分页插件进行修改，添加首页和尾页的按钮以及跳转功能。

首先，我们需要对JQueryPagination插件的源代码进行修改。打开插件源文件，找到`$.tion`方法。在这个方法中，我们需要添加代码来生成首页和尾页的按钮，并为这些按钮绑定相应的点击事件。

```javascript

var $firstBtn = $("首页");

var $lastBtn = $("尾页");

$(function

var targetPage = 1;

setPage(targetPage);

});

$(function

var targetPage = (ecords /

ze);

setPage(targetPage);

});

$($firstBtn);

$($lastBtn);

```

接下来，我们需要修改`setPage`方法，在这个方法中，我们将会添加跳转功能。

```javascript

function setPage(targetPage, gotoPage) { // 修改setPage方法，添加gotoPage参数

//...

```

然后，在方法的适当位置插入一段代码来判断是否需要进行跳转。

```javascript

if (gotoPage !== undefined)

targetPage = gotoPage;

```

```javascript

for (var i = startPage; i <= endPage; i++)

var $pageBtn = $("");

$(i);

$("data-page", i);

$(function

var targetPage = parseInt($(this).attr("data-page"));

setPage(targetPage);

});

$($pageBtn);

```

```javascript

var $jumpInput = $("");

var $jumpBtn = $("跳转");

$(function

var targetPage = parseInt($();

return;

}

return;

}

setPage(targetPage);

});

$($jumpInput);

$($jumpBtn);

```