jqueryページング制御の実装 code_jquery

コードをコピー コードは次のとおりです: jquery分页控件 10 20 30 首页 上一页 下一页 最后一页 of 0 --> var pageindex=1; var totelsize=60; var centersize=5; var pagesize=0; var totelSec=0; var outStr=""; var se=" " +" 5 " +" 10 " +" 15 " +" "; var firstdiv=" 首页 "; var prediv=" 上一页 "; var centerdiv=" "; var nextdiv=" 下一页 "; var lastdiv=" 最后一页 "; $('.pager').empty(); $('.pager').append(se) $('.pager').append(firstdiv) $('.pager').append(prediv) $('.pager').append(centerdiv) $('.pager').append(nextdiv) $('. pager').append(lastdiv) function PageInit() { var size=0; var PageReinit=function() >pagesize=$(".SEID オプション:selected")[0].innerText; size=parseInt(totelsize/pagesize) var lastSize=totelsize%pagesize;//最後のページ表示レコード if (lastSize>0) { size=size 1; } totelSec=parseInt(size/centersize); //最後のセクション レコードを表示 if(leftSize>0) { totelSec =totelSec 1; } PageBarinit(); } var reSetPage=function() { pageindex=1; pagesize=0; outStr=""; // アラート('合計ページ数:' サイズ) >//alert('総セクション数:' totelSec) //alert('ページあたりのレコード数:' pagesize); var SeClick=function(e) { var Selectindex= e.target[e.target.selectedIndex].innerText; pagesize=parseInt(Selectindex); alert('ページごとに表示:' Selectindex); ; } var firstClick=function(e) { alert('クリックしてホームページへ') if(pageindex!=1) { pageindex= 1; alert('ページ 1 に到着'); } } var preClick=function(e) { alert('クリックして前のページへ') ; if(pageindex!=1) { pageindex =pageindex-1; alert('ページ ' pageindex '); ChangeCenterBar(pageindex 1); ; } var pageClick=function(e) { var targetPage=parseInt(e.target.innerText); pageindex=targePage; ' targetPage "ページ"); ChangeCenterBar(targetPage); var nextClick=function(e) { alert('次のページをクリックしました'); (pageindex { pageindex =pageindex 1; if(pageindex==size) { alert('最後のページに到達しました'); else{ alert('pageindex ' ページ'); } } ChangeCenterBar(pageindex-1)} var lastClick= function( e) { alert('最後のページがクリックされました'); if(pageindex { pageindex=size; ' サイズ 'ページ'); } } var ChangeCenterBar=function(CurrentIndex) { var currentSec=parseInt(CurrentIndex/centersize); if( CurrentIndex� ntersize ==1) { if(currentSec { PageBarinit();} } if(CurrentIndex�intersize==0) { var currentSec=parseInt(CurrentIndex/centersize); if(currentSec { PageBarinit();} } } var PageBarinit=function() { $('.SEID').unbind('change',SeClick); $('.first').unbind('click',firstClick); unbind ('click',preClick); $('.next').unbind('click',nextClick); $('.last').unbind('click',lastClick); 🎜 >$('.SEID').bind('change',SeClick); $('.first').bind('click',firstClick);バインド ('クリック',preClick); $('.next').bind('click',nextClick); $('.last').bind('click',lastClick); 🎜 >if(size { $('.centerclass').empty(); for(var i=1;i { var cdiv=" " i " "; $('.centerclass').append(cdiv); > $("#Page_" i).bind('click',pageClick); } }else if(size>centersize) { $('.centerclass').empty ( ); if(pageindex�intersize==0) { var currentSec=parseInt(pageindex/centersize);//現在のセクション if(currentSec { //alert(9) var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { //alert( startIndex) //alert('max' currentSec*centersize); var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick); } } else if (currentSec==totelSec) { var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { var cdiv =" startIndex " "; $('.centerclass').append(cdiv); #Page_" startIndex).bind('click',pageClick); } }else{ alert('ページング エラー'); } }else if(pageindex...intersize&gt) ;0) { var currentSec=parseInt(pageindex/centersize) 1;//現在のセクション if(currentSec { var startIndex=(currentSec-1) * centersize 1; for(startIndex;startIndex { var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick) ; } } else if(currentSec==totelSec){ var startIndex=(currentSec-1)*centersize 1; for(startIndex;startIndex { var cdiv=" " startIndex " "; $('.centerclass').append(cdiv); $("#Page_" startIndex).bind('click',pageClick); } }else { alert('分页出错'); } } } } PageReinit(); } PageInit();

jqueryページング制御の実装 code_jquery

関連記事