2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

? /*

? ? 頁(yè)面顯示的效果為[前10頁(yè) 1 2 3 4 5 6 7 8 9 10 后10頁(yè)],即一頁(yè)顯示10個(gè)頁(yè)號(hào)

思路根據(jù)傳入頁(yè)面的當(dāng)前頁(yè)pageNo,運(yùn)用Math.floor((lps.pageNo-1)/10)方法判斷當(dāng)前頁(yè)號(hào)在第幾頁(yè)(0為第一頁(yè));

?*/

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

? ? var prePage;

? ? var nextPage;?

// 判斷當(dāng)前"頁(yè)號(hào)"在第幾頁(yè)

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

?// 表示在第1頁(yè)顯示，這時(shí)“前10頁(yè)”按鈕無(wú)效

? ? ?if(indexPage==0){

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

? ? ?}else{

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

? ? ?}

?// 添加“前10頁(yè)”按鈕

? ? ?divBegin.append(prePage);

?// 查找當(dāng)前"頁(yè)號(hào)"所在頁(yè)的“首頁(yè)”

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

? ? ?var endPage;

?// 如果當(dāng)前"頁(yè)號(hào)"所在頁(yè)的“首頁(yè)”+9不超過(guò)總頁(yè)數(shù)lps.count，則當(dāng)前頁(yè)有10個(gè)頁(yè)號(hào)

?// 否則總頁(yè)數(shù)lps.count就是當(dāng)前頁(yè)的最后一個(gè)“頁(yè)號(hào)”

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

? ? ?endPage = startPage+10;

? ? ?}else{

? ? ?endPage=lps.count+1;

? ? ?}

? ? ?// 根據(jù)當(dāng)前“頁(yè)號(hào)”所在頁(yè)的“首頁(yè)”和“尾頁(yè)”生成頁(yè)碼

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

? ? ?var temp;

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

? ? // 當(dāng)前頁(yè)碼有樣式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);

? ? ?}

?// 同理判斷當(dāng)前"頁(yè)號(hào)"是不是和“總頁(yè)數(shù)”在同一個(gè)頁(yè)面，如果是“后10頁(yè)”按鈕不起作用

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

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

? ? ?}else{

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

? ? ?}

? ? ?divBegin.append(nextPage);

? ? ?// 將頁(yè)碼添加

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

}

轉(zhuǎn)載于:https://my.oschina.net/u/554240/blog/261280

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。