最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript ajax 仿百度分頁函數(shù)

 更新時間:2013年10月29日 17:51:52   作者:  
百度分頁想必大家都知道吧,瀏覽網(wǎng)頁的朋友都應(yīng)該知道,下面有個小例子使用到了js、ajax等來模仿百度的分頁,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:

/**
* Ajax分頁功能
* 在需要分頁的地方添加<ul class="pagination"></ol>
* 作為分頁組件容器元素。
* pageCount 總頁數(shù)
* currentPage 當(dāng)前頁數(shù)
* container 帶有pagination類的ol容器元素
* loadData 用于加載數(shù)據(jù)的函數(shù)
* version 1.0
*/
pagination : function(pageCount, currentPage, container, loadData) {
this.startPage = 1;
this.endPage = pageCount;
this.minDisplayPageCount = 5;
var c = $(container);
var paginationLinks = "";
if(pageCount == 1) {
c.css({'visibility': 'hidden'});
return;
}
if(pageCount > this.minDisplayPageCount + 1) {
if(currentPage - this.minDisplayPageCount > 0) {
this.startPage = currentPage - this.minDisplayPageCount;
}
if((currentPage + this.minDisplayPageCount - 1) < pageCount) {
this.endPage = currentPage + this.minDisplayPageCount - 1;
} else {
this.endPage = pageCount;
}
}
paginationLinks += "<ul>";
if(currentPage != 1) {
paginationLinks += "<li><a id='prevpage' href='javascript:;' rel='prev'>《上一頁</a></li>";
}
for(var i = this.startPage; i <= this.endPage; i++) {
if(currentPage == i) {
paginationLinks += "<li id='page_" + currentPage + "_container'><a id='page_" + i + "' class='current' href='javascript:;'>" + currentPage + "</a></li>";
} else {
paginationLinks += "<li id='page_" + i + "_container'><a id='page_" + i + "' href='javascript:;'>" + i + "</a></li>";
}
}
if(currentPage < pageCount) {
paginationLinks += "<li><a id='nextpage' href='javascript:;' rel='next'>下一頁》</a></li>";
}
paginationLinks += "</ul>";
c.html(paginationLinks);
var links = $("#page_number ul li a");
links.each(function(index) {
if(!(this.innerHTML == "上一頁" || this.innerHTML == "下一頁")) {
$(this).click(function(event) {
alert(links[index].innerHTML);
loadData(curTaskId,"","",parseInt(links[index].innerHTML));
pagination(pageCount, parseInt(links[index].innerHTML), container, loadData);
});
}
});
var prevPage = $("#prevpage");
var nextPage = $("#nextpage");
c.css({'visibility': 'visible'});
if(prevPage) {
prevPage.click(function(event) {
loadData(curTaskId,"","",currentPage - 1);
pagination(pageCount, currentPage - 1, container, loadData);
});
}
if(nextPage) {
nextPage.click(function(event) {
loadData(curTaskId,"","",currentPage + 1);
pagination(pageCount, currentPage + 1, container, loadData);
});
}
}

loadData為加載數(shù)據(jù)的函數(shù),這個函數(shù)需要定義一個當(dāng)前頁數(shù)的參數(shù),比如:
復(fù)制代碼 代碼如下:

var currentPage = 1;
loadExamList(currentPage){
//TODO
pagination(5,currentPage,$(ul),loadExamList);
};

5是總頁數(shù),1是當(dāng)前頁數(shù),$(ul)是要將頁碼按鈕存放的位置,loadExamList是點擊上一頁、下一頁或者頁碼的時候調(diào)用的函數(shù)。

相關(guān)文章

最新評論

剑河县| 天柱县| 手机| 平和县| 滨州市| 福泉市| 鄂伦春自治旗| 满洲里市| 建水县| 淄博市| 屏东市| 明光市| 桐梓县| 宜章县| 阿坝县| 湘潭县| 东乌| 东乌| 明光市| 吴堡县| 那坡县| 通化市| 乡城县| 宜宾县| 镇赉县| 两当县| 青川县| 连城县| 海兴县| 双辽市| 象山县| 礼泉县| 兴国县| 安乡县| 安远县| 镇平县| 榕江县| 桐柏县| 九台市| 东城区| 天镇县|