描述:
在项目中,我有一个页面,上面有一个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);
});
});
想请大家帮我看看,这到底是什么问题。