table分页的简单实现逻辑
table分页的简单实现逻辑
粒子数反转 发表于3个月前
table分页的简单实现逻辑
  • 发表于 3个月前
  • 阅读 12
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

//table分页函数
            showPageNum: function(pageNum, allPageNum) {  //pageNum点击第几页,allPageNum总页数
                $(".c_page .c_page_list").children().remove();
                for(var i=1;i<=allPageNum;i++){
                    var page = '<a href="###" data-index="'+i+'">'+i+'</a>';  
                    var ellipses = '<span class="c_page_ellipsis">...</span>';
                    if(allPageNum > 7){
                        if(pageNum < 5){
                            if(i<7 || i==allPageNum){
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i==allPageNum-1){
                                $(".c_page .c_page_list").append(ellipses);
                            }  
                        }else if(pageNum >= allPageNum-3){
                            if(i > allPageNum-6 || i == 1){
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i == 1){
                                $(".c_page .c_page_list").append(ellipses);
                            }
                        } else {
                            if(i == allPageNum){
                                $(".c_page .c_page_list").append(ellipses);
                                $(".c_page .c_page_list").append(page);
                            }
                            if(i == 1){
                                $(".c_page .c_page_list").append(page);
                                $(".c_page .c_page_list").append(ellipses);
                            }
                            if(pageNum+2 < allPageNum){
                                if(pageNum-2 <= i && i <= pageNum+2){
                                    $(".c_page .c_page_list").append(page);
                                }

                            }
                        } 
                    } else {
                        $(".c_page .c_page_list").append(page);
                    }
                    
                }
            },

 

共有 人打赏支持
粉丝 0
博文 46
码字总数 8278
×
粒子数反转
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: