Question

我无法初始化twbs-pagination jQuery插件。在document.ready部分，它工作正常，但如果我需要重置或重新初始化函数中的插件变量（在加载文档后）或按钮单击事件，它会给出不是函数错误。这是我的代码

这很好用

jQuery(document).ready(function ($) {    
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: 12,
    });
});

问题是当我尝试在document.ready

之后初始化插件时

function ShowPagger(totalRec) {
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: totalRec,
    });
}

这会给出不是函数

的错误

Answer 1

我为类似的问题做了一个解决方法。在这里查看答案：

Reset total pages in jquery pagination plugin

这背后的基本思想是每次重建分页控件。为此，我每次收到data

时都会使用容器，清理和填充

$('#paginationholder').html('');
$('#paginationholder').html('<ul id="pagination" class="pagination-sm"></ul>');
$('#pagination').twbsPagination({
    startPage: data.page,
    totalPages: data.total,
    visiblePages: 5,
});

Answer 2

首先，我发送ajax请求并检索totalPages，visiblePages和startPage。然后：

jQuery(document).ready(function ($) {

$('#pagination-for-posts-bottom').twbsPagination({
    totalPages: totalPostPages,
    visiblePages: visiblePostPages,
    startPage: currentPage,
    onPageClick: function (event, page) {
        console.log("document.ready: " + totalPostPages);
        console.log("document.ready current page: " + page);
        offset = (page - 1) * 10;

Answer 3

错字

- ＆GT;功能应该是

function ShowPagger(totalRec) {
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: totalRec // remove , from here
    });
}

并在功能中的总页数后删除该,。

$('#paging-cont').twbsPagination({
    visiblePages: 7,
    totalPages: 12 // remove , from here
});

如何在其他一些事件上重置初始化的jQuery插件变量？

3 个答案: