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

コードをコピー コードは次のとおりです:

";
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>) ;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();