首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在其他事件上重置初始化的jQuery插件变量?

如何在其他事件上重置初始化的jQuery插件变量?
EN

Stack Overflow用户
提问于 2014-09-18 06:42:55
回答 3查看 4.5K关注 0票数 0

我有问题,初始化双页jQuery插件。在document.ready部分,它可以正常工作,但是如果我需要重置或重新初始化函数中的插件变量(在加载文档之后)或单击事件按钮,它会给而不是函数错误。这是我的密码

这个很好用

代码语言:javascript
代码运行次数:0
运行
复制
jQuery(document).ready(function ($) {    
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: 12,
    });
});

问题是当我试图在document.ready之后初始化插件时

代码语言:javascript
代码运行次数:0
运行
复制
function ShowPagger(totalRec) {
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: totalRec,
    });
}

这给出了的错误,而不是函数

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-09-19 01:51:30

我为类似的问题做了一个解决办法。请看这里的答案:

Reset total pages in jquery pagination plugin

这背后的基本思想是每次重建分页控制。为此,我使用一个容器,每次收到data时都要清除和填充。

代码语言:javascript
代码运行次数:0
运行
复制
$('#paginationholder').html('');
$('#paginationholder').html('<ul id="pagination" class="pagination-sm"></ul>');
$('#pagination').twbsPagination({
    startPage: data.page,
    totalPages: data.total,
    visiblePages: 5,
});
票数 1
EN

Stack Overflow用户

发布于 2016-10-07 08:19:56

首先,我发送ajax请求并检索totalPages、visiblePages和startPage。然后:

代码语言:javascript
代码运行次数:0
运行
复制
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;
票数 1
EN

Stack Overflow用户

发布于 2014-09-18 06:46:02

错别字

->职能应该是

代码语言:javascript
代码运行次数:0
运行
复制
function ShowPagger(totalRec) {
    $('#paging-cont').twbsPagination({
        visiblePages: 7,
        totalPages: totalRec // remove , from here
    });
}

并在函数的总页面之后删除尾随的,

代码语言:javascript
代码运行次数:0
运行
复制
$('#paging-cont').twbsPagination({
    visiblePages: 7,
    totalPages: 12 // remove , from here
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25905929

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档