分页的代码

 

//分页
var displayPart = $('#commitDisplay');
var totalPage = $('.totalPage');
var cacheNum = 1,pNum;
var pageObj = $('.pageObj');
var pageObjLi = $('.pageObj li');
var noContent = $('.noContent');
var firstPage = $(".firstPage");
var prevPage = $(".prevPage");
var nextPage = $(".nextPage");
var lastPage = $(".lastPage");
var keuInput = $(".keuInput");
var btnSure = $(".btnSure");
var forumid = $('#forumId').val();
var prepage = 10;
var displayCount;
var maxPage = 5;
var pageDiv = $('.page');
var postPage = 0;

function insertCommon ( json ){

var html ='';

var commom = json.data;

for ( var i = 0 ;i<commom.length; i++ ){

html += '<div class="topic-post clearfix detail-reply">';
html += '<article class="boxed">';
html += '<div class="topic-avatar">';
html += '<a href="'+centerAddr+commom[i].authorid+'">';

if ( commom[i].thumb ){

html += '<img width="45" height="45" src="'+commom[i].thumb+'_120X120.png" class="avatar"/>';

}else{

if ( commom[i].sex == 2 ){

html += '<img width="45" height="45" src="'+user_woman_img+'" class="avatar"/>';

}else{

html += '<img width="45" height="45" src="'+user_man_img+'" class="avatar"/>';

}

}
if ( commom[i].authentication == 2 ){

html += '<img class="forum-vip-sm" src="'+yVip+'" alt="y-vip-sm" width="14" height="14">';

}else if ( commom[i].authentication == 1 ){

html += '<img class="forum-vip-sm" src="'+bVip+'" alt="y-vip-sm" width="14" height="14">';

}

html += '</a></div>';
html += '<div class="topic-body clearfix">';
html += '<div class="topic-meta-data">';
html += '<div class="names">';
html += '<span class="first">';
html += '<a href="'+centerAddr+commom[i].authorid+'">';
html += '<span>'+commom[i].nickname+'</span>';
html += '</a></span></div>';

html += '<div class="post-info">';
html += '<span class="relative-date">'+time_format( commom[i].create_time )+'</span>';
html += '</div></div>';

html += '<div class="detail-regular">';
html += '<div class="cooked">'+commom[i].content+'</div>';
html += '</div></div></article></div>';
}

return html;

}

// 拿到总的数据可以分多少页的数据
function startGetData(page){
$.ajax({
data : { page:page,prepage:prepage,forumid:forumid },
url : '/bbs/show-common',
type : 'get',
success : function (json){

var json = $.parseJSON(json);

var total = json.total;

var res = json.data;

if ( total <= prepage && ( total > 0) ){

$('.allCommit').addClass('active');
displayCount = res.length;
lastPage.addClass("disabled");
nextPage.addClass("disabled");
pageDiv.addClass('hidden');

pNum = 1;

}else if ( total == 0 ){

pageDiv.addClass('hidden');
// noContent.removeClass("hide");
firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");

return;
}
else {

pageDiv.removeClass('hidden');
pNum = Math.ceil( total / prepage );

}

displayPart.html( insertCommon(json) );
pageObj.empty();
for ( var i = 0; i < pNum; i++ ){
pageObj.append( pageFun(i+1) );
}
firstPage.addClass("disabled");
prevPage.addClass("disabled");
pageObj.find("li:first-child").addClass("active");
totalPage.text(pNum);

showPageindex( 0,maxPage,0 );

}

})

}

function pageFun( i ){
var pageHtml = '<li class="pageNum">'+i+'</li>';
return pageHtml;
}

//页码切换
pageObj.on('click','li',function(){
$(this).addClass("active");
displayPart.empty();
$(this).siblings("li").removeClass('active');

cacheNum = $(this).text();

if( $(this).text() == 1 ){

if ( pNum == 1 ) {

firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");

requestPage($(this).text());

return;

}else {

firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");

requestPage($(this).text());

return;

}

}else if( $(this).text() == pNum ){

firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");

requestPage($(this).text());

} else {

firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");

requestPage( $(this).text() );
}

showPageindex(0,maxPage,$(this).text());

});

//上一页
prevPage.on('click',function(){

if( cacheNum == 1 ){
return;
}

if(cacheNum == 2){
firstPage.addClass("disabled");
prevPage.addClass("disabled");
}

displayPart.empty();
cacheNum--;
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");
$(".pageObj li").eq(cacheNum-1).addClass("active");
$(".pageObj li").eq(cacheNum-1).siblings("li").removeClass("active");

requestPage( cacheNum );
showPageindex(0,maxPage,cacheNum);

});

/*下一页*/
nextPage.on('click',function(){

if(cacheNum == pNum){
return;
}
displayPart.empty();
cacheNum++;
$(".pageObj li").eq(cacheNum-1).addClass("active");
$(".pageObj li").eq(cacheNum-1).siblings("li").removeClass("active");

if(cacheNum == pNum ){
lastPage.addClass("disabled");
nextPage.addClass("disabled");
firstPage.removeClass("disabled");
prevPage.removeClass("disabled");

requestPage( cacheNum );
}else{
requestPage( cacheNum );
firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
}
showPageindex(0,maxPage,cacheNum);

});

//首页
firstPage.on('click',function(){
displayPart.empty();
firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");

$(".pageObj li").eq(0).addClass("active");
$(".pageObj li").eq(0).siblings("li").removeClass("active");

requestPage(1);
cacheNum = 1;
showPageindex(0,maxPage,0);

});

//尾页
lastPage.on('click',function(){

displayPart.empty();
firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");

$(".pageObj li").eq(pNum-1).addClass("active");
$(".pageObj li").eq(pNum-1).siblings("li").removeClass("active");

cacheNum = pNum;

requestPage(pNum);

showPageindex(0,maxPage,pNum);

});

//确认

btnSure.on('click',function(){

var val = keuInput.val();

if((val == "")||val<=0){

keuInput.val(1);

popupTip('错误','请输入有效页码');

return
}

if((Number(val)>pNum)){

val=pNum

}

displayPart.empty();

$(".pageObj li").eq(val-1).addClass("active");
$(".pageObj li").eq(val-1).siblings("li").removeClass("active");

cacheNum = val;

showPageindex(0,maxPage,val);

if(val == 1){

firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");
if ( pNum == 1 ){

firstPage.addClass("disabled");
prevPage.addClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");

}
}else if ( val == pNum ){

firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
lastPage.addClass("disabled");
nextPage.addClass("disabled");
requestPage(val);

return;
}else {

firstPage.removeClass("disabled");
prevPage.removeClass("disabled");
lastPage.removeClass("disabled");
nextPage.removeClass("disabled");

}

requestPage(val);

});

startGetData(1);

 

//拿到数据后渲染到页面的数据

function requestPage ( index ){

$.ajax({
data : { page:index,prepage:prepage,forumid:forumid },
url : '/bbs/show-common',
type : 'get',
success : function( json ){

var json = $.parseJSON(json);

displayPart.html(insertCommon( json ));
}

});

keuInput.val(index);

}

//max一页几条,index第几页
function showPageindex(min, max, index){

if (index <= Math.ceil(max / 2)){
min = 0;
max = max;
}
else if (pNum - index < Math.ceil(max / 2)) {
min = pNum -max;
max = pNum;
}
else {
min = Math.round(index - max / 2)-1;
max = Math.round(Number(index) + Number(max / 2))-1;
}
$('.pageObj li').hide();
for( var i = min ; i < max; i++ ){
$(".pageObj li").eq(i).show();
}
}

});

 

//点击之后删除
$( document ).on( 'click', '.update-det', function () {
console.log(1);
var _this=this.id;
$.ajax({
data:{
notityid:_this,
type:'del',
},
url:'/notity/change-notity',
type:'post',
success:function(data){
$('.update_'+ _this ).empty();

}
})

<!--location.reload();-->
});