2019獨角獸企業重金招聘Python工程師標準>>>

? /*

? ? 頁面顯示的效果為[前10頁 1 2 3 4 5 6 7 8 9 10 后10頁],即一頁顯示10個頁號

思路根據傳入頁面的當前頁pageNo,運用Math.floor((lps.pageNo-1)/10)方法判斷當前頁號在第幾頁(0為第一頁);

?*/

? ? ?var divBegin = $("<div class='next'></div>");

? ? var prePage;

? ? var nextPage;?

// 判斷當前"頁號"在第幾頁

? ? ?var indexPage = ?Math.floor((lps.pageNo-1)/10);

?// 表示在第1頁顯示，這時“前10頁”按鈕無效

? ? ?if(indexPage==0){

? ? ?prePage= $("<a href='javascript:' class='cur'>前10頁</a>");?

? ? ?}else{

? ? ?prePage= $("<a href='javascript:' οnclick='triggerCon({pageNo:"+(lps.pageNo-10)+"})' class='cur'>前10頁</a>");

? ? ?}

?// 添加“前10頁”按鈕

? ? ?divBegin.append(prePage);

?// 查找當前"頁號"所在頁的“首頁”

? ? ?var startPage = indexPage*10+1;

? ? ?var endPage;

?// 如果當前"頁號"所在頁的“首頁”+9不超過總頁數lps.count，則當前頁有10個頁號

?// 否則總頁數lps.count就是當前頁的最后一個“頁號”

? ? ?if((startPage+9)<=lps.count){

? ? ?endPage = startPage+10;

? ? ?}else{

? ? ?endPage=lps.count+1;

? ? ?}

? ? ?// 根據當前“頁號”所在頁的“首頁”和“尾頁”生成頁碼

? ? ?for(var i=startPage;i<endPage;i++ ){

? ? ?var temp;

? ? ?if(i==lps.pageNo){

? ? // 當前頁碼有樣式class='hover'

? ? ?temp = $("<a href='javascript:' class='hover' οnclick='triggerCon({pageNo:"+i+"})' id='pageNo"+i+"'>"+i+"</a>");

? ? ?}else{

? ? ?temp = $("<a href='javascript:' οnclick='triggerCon({pageNo:"+i+"})' id='pageNo"+i+"'>"+i+"</a>");

? ? ?}?

? ? divBegin.append(temp);

? ? ?}

?// 同理判斷當前"頁號"是不是和“總頁數”在同一個頁面，如果是“后10頁”按鈕不起作用

? ? ?if(indexPage== Math.floor((lps.count-1)/10)){

? ? ?nextPage= $("<a href='javascript:' class='cur'>前10頁</a>");

? ? ?}else{

? ? ?nextPage= $("<a href='javascript:' οnclick='triggerCon({pageNo:"+(lps.pageNo+10)+"})' class='cur'>前10頁</a>");

? ? ?}

? ? ?divBegin.append(nextPage);

? ? ?// 將頁碼添加

? ? ?$("#kcyl_rbox").append(divBegin);

}

轉載于:https://my.oschina.net/u/554240/blog/261280

總結

以上是生活随笔為你收集整理的js的一个分页逻辑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。