在开发过程中,使用了jqPagination插件出现了一些问题
//源代码
function initPage(max_page) {
$('.pagination').jqPagination({
link_string : '/?page={page_number}',
max_page : max_page,
paged : function(page) {
getByPage(page);
}
});
}
function getByPage(page){
...//ajax请求
success : function(data){
...
initPage(data.pageAll);//data.pageAll 为后台传过来的总页数
}
}
问题 一、点击下一页时出现了多次调用的情况,解决方法如下:
修改 jquery.jqpagination.js源码
将此行:base.$el.on('click.jqPagination', 'a', function (event) {
修改成:base.$el.off('click.jqPagination').on('click.jqPagination', 'a', function (event) {
后解决
问题二、点击查询后,页面初始值发现不是从 1 开始,解决如下
<!--另定义了一个方法,每次点击查询时重置一下当前页为 1 -->
function setCurrentPage(){
$('.pagination').jqPagination('option', 'current_page',1);
}
解决。