javascript ajax 모방 Baidu 페이징 기능_javascript 기술

复제대码 代码如下:

/**
* Ajax 페이징 기능
* 페이징이 필요한 페이징 구성 요소 컨테이너 요소로

*을 추가합니다.
* pageCount 총 페이지 수
* currentPage 현재 페이지 번호
* 페이지 매김 클래스가 있는 컨테이너 ol 컨테이너 요소
* 데이터 로드를 위한 loadData 함수
* 버전 1.0
*/
페이지 매기기 : 기능( pageCount, currentPage, 컨테이너, loadData) {
this.startPage = 1;
this.endPage = 페이지카운트;
this.minDisplayPageCount = 5;
var c = $(컨테이너);
var paginationLinks = "";
if(pageCount == 1) {
c.css({'visibility': 'hidden'});
반환;
}
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 = "
";
if(currentPage != 1) {
paginationLinks = "
• 《상일页
";
}
for(var i = this.startPage; i <= this.endPage; i ) {
if(currentPage == i) {
paginationLinks = "
• " 현재페이지 "
";
} else {
paginationLinks = "
• " 나는 "
";
}
}
if(currentPage < pageCount) {
paginationLinks = "
• 下一页》
";
}
paginationLinks = "
";
c.html(paginationLinks);
var link = $("#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));
페이지 매김 (pageCount,parseInt(links[index].innerHTML), 컨테이너, loadData)
})
}
});
var prevPage = $("#prevpage");
var nextPage = $("#nextpage");
c.css({'visibility': 'visible'});
if(prevPage) {
prevPage.click(function(event) {
loadData(curTaskId,"","",currentPage - 1);
페이지 매김(pageCount, currentPage - 1, 컨테이너 , 로드데이터)
});
}
if(nextPage) {
nextPage.click(function(event) {
loadData(curTaskId,"","",currentPage 1);
페이지 매김(pageCount, currentPage 1) , 컨테이너, 로드데이터)
});
}
}

loadData는

复主代码 代码如下:

var currentPage = 1;
loadExamList(currentPage){
//TODO
페이지 매김(5,currentPage,$(ul),loadExamList);
};