当前位置: 首页 > 工具软件 > jqPagination > 使用案例 >

jquery分页 jqPagination使用过程中发现的问题

温翔宇
2023-12-01

在开发过程中,使用了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);
}

解决。


转载于:https://my.oschina.net/u/2267169/blog/514784

 类似资料: