首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >分页/prev和下一页链接未显示

分页/prev和下一页链接未显示
EN

Stack Overflow用户
提问于 2014-07-10 17:16:18
回答 1查看 802关注 0票数 1
代码语言:javascript
复制
$('a.prev, a.next').click(function(){
var a = $(this),
    current = $('#pagin li a.current'),
    page = parseInt(current.text());
if (a.hasClass('prev')) {
    page--;
    if (page < 1) page = 1;
} else if (a.hasClass('next')) {
    page++;
    if (page > pageCount) page = pageCount;
}
$('.page:eq(' + (page - 1) + ')').click();
});

这不管用。请帮帮我..。

如何在此代码中添加next和以前的按钮。

请参阅Js小提琴链接:http://jsfiddle.net/jfm9y/609/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-10 18:14:14

您需要声明内容的pageCount。

工作示例:http://jsfiddle.net/jfm9y/611/

代码语言:javascript
复制
pageSize = 1;
pageCount = $(".content").length;

showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= pageSize * (page - 1) && n < pageSize * page)
            $(this).show();
    });        
}

showPage(1);

$("#pagin li a").click(function() {
    $("#pagin li a").removeClass("current");
    $(this).addClass("current");
    showPage(parseInt($(this).text())) 
});
    $('a.prev, a.next').click(function(){
    var a = $(this),
        current = $('#pagin li a.current'),
        page = parseInt(current.text());
        console.log(page);
    if (a.hasClass('prev')) {
        page--;
        if (page < 1) page = 1;
    } else if (a.hasClass('next')) {
        page++;
        if (page > pageCount) page = pageCount;
    }

    $($('#pagin li a')[page- 1]).click();
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24682586

复制
相关文章

相似问题

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