Question

让我们说我有一个带ID的div＆＃34; pagination-demo＆＃34; 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函数）时，就会不断调用request函数。为什么以及如何强制它只被调用一次？

Answer 1

这里我可以在回调中看到page参数：

onPageClick: function (event, page) {
    if(page === this.totalpages){
        request();
    }
}

来自文档：

可用事件：
  onPageClick：回调函数
  功能参数＆gt;
  事件：对象
  page：页数

JQuery分页onPageClick事件持续运行

1 个答案:

来自文档：