ajax回调函数弹出窗口,JS在ajax回调函数中初始化插件的错误

开发者在使用jPaginate插件实现网页表格分页时遇到问题:当通过AJAX动态加载数据并点击查询按钮后,分页插件无法正常初始化,但手动刷新或在全局调用时正常。寻求解决页面动态更新时分页插件加载错误的方法。
摘要由CSDN通过智能技术生成

描述:

在项目中,我有一个页面,上面有一个table,用来呈现数据列表。这个table是纯html的table里面的数据是我由ajax请求之后,动态拼接到table上的,我想给它加上分页,于是我找到了jPaginate插件。专门用来分页加载数据,伪代码如下:

$(function() {

var flags;

var loadDataSource = function(params, flags) {

xxx.done(function(r) {

/*这里是ajax请求成功之后,获取到了该次请求的数据和总的数据条数*/

if (flags) {

initPager(count);

}

});

};

var initPager = function(count) {

$("#pager").paginate({

count: 50,

start: 5,

display: 10,

border: false,

text_color: '#888',

background_color: '#EEE',

text_hover_color: 'black',

background_hover_color: '#CFCFCF',

onchanged: function(pageindex) {

loadDataSource(params, false);

}

});

};

loadDataSource(parms, true);

/*以上伪代码是可以正确使用的,杂初始化页面时也能正确根据我获取到的总条数初始化分页控件

但是,在我点击页面的查询按钮(下面的代码)时,分页控件就无法正常初始化,插件内部就报错了直接。但是当我把`initPager `函数放在window下,刷新页面,在控制台手动调用时,均能正常和多次初始化分页插件,唯独在点击查询按钮进行查询后初始化时会报错。

数据正常成功加载,页面无其它错误。

*/

$("#search").bind("onclick",function(){

loadDataSource(params);

});

});

想请大家帮我看看,这到底是什么问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值