Javascript JQuery分页onPageClick事件持续运行
假设我有一个ID为“pagination demo”的div,其Javascript JQuery分页onPageClick事件持续运行,javascript,jquery,asp.net,ajax,pagination,Javascript,Jquery,Asp.net,Ajax,Pagination,假设我有一个ID为“pagination demo”的div,其totalPage设置为5。以下是我如何初始化它: function InitializePagination(totalPage) { opts = { totalPages: totalPage, visiblePages: 5, onPageClick: function (event, page) { request(); }
totalPage
设置为5。以下是我如何初始化它:
function InitializePagination(totalPage) {
opts = {
totalPages: totalPage,
visiblePages: 5,
onPageClick: function (event, page) {
request();
}
};
$('#pagination-demo').twbsPagination(opts);
}
ajax请求是:
function request() {
$.ajax({
url: "webservice.asmx/CaseStudiesList",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (r) {
('#pagination-demo').twbsPagination('destroy');
$('#pagination-demo').twbsPagination($.extend(opts, {
totalPages: 10
}));
}
});
}
正确的结果是将JQuery分页插件的totalPages设置从5更改为10
现在,每当我单击不同的页面(从而调用
onPageClick
函数),就会不断调用请求
函数。为什么我能强迫它只被调用一次 在这里,我可以看到回调中的page
参数:
onPageClick: function (event, page) {
if(page === this.totalpages){
request();
}
}
从文档中:
可用事件:onPageClick:回调函数
功能参数>
事件:对象
页码:页数
为什么需要调用
request()代码>每当单击页码时?如果你想让它只被调用一次。只需在$(“#分页演示”)之后移动request()
函数即可
@SuTran实际上,request
的函数定义类似于“request(categoryId,pageNo)”。我需要页面上的点击
返回值-页面
并将其传递到请求中,比如“请求(页面)”totalpages
在我的页面中未定义