クエリ ページング プラグイン コードを共有する

JavaScript を使用して 関数 を配布し、 ページネーション リンクを作成すると、HTML コードのトラフィックを大幅に節約できます。

(function($){
$.fn.pagination=function(pagecount,page,surl){
var $box=$(this).empty();var shtml=''
if(pagecount<=1){$box.css({&#39;height&#39;:4,&#39;padding&#39;:0});return $box;}
//$box.css({&#39;padding&#39;:&#39;6px 0 6px 6px&#39;,&#39;height&#39;:&#39;20px&#39;});
if(page==1)shtml+=&#39;<a href="#" target="_self">&laquo;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",(page-1))+&#39;" target="_self">&laquo;</a>&#39;;
if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}
else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}else{for(var i=page-5;i<page+5;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}}
if(page==pagecount)shtml+=&#39;<a href="#">&raquo;</a>&#39;;else shtml+=&#39;<a target="_self" href="&#39;+surl.replace("$",(page+1))+&#39;">&raquo;</a>&#39;;
if(pagecount>10){shtml+=&#39;<span>跳转到 </span>&#39;;shtml+=&#39;<input type="text" size="2" maxlength="4" value="&#39;+page+&#39;" />&#39;;
shtml+=&#39;<span> 页</span>&#39;;
}
$box.html(shtml).find(&#39;input&#39;).change(function(){var p=$(this).val();window.location.href=surl.replace("$",p);});
return $box;
}
})(jquery);

を見て、

引用するだけで大​​丈夫です:

$(function(){$('#page').pagination(100,1,'aaa.htm?page=$')})

以上がクエリ ページング プラグイン コードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。