Heim >Web-Frontend >js-Tutorial >Geben Sie einen Code für das Abfrage-Paging-Plugin frei
Verwenden Sie JavaScript, um Funktionen zu verteilen, um Paginierungs--Links zu erstellen, was viel HTML-Code-Verkehr einsparen kann! Schau dir
(function($){ $.fn.pagination=function(pagecount,page,surl){ var $box=$(this).empty();var shtml='' if(pagecount<=1){$box.css({'height':4,'padding':0});return $box;} //$box.css({'padding':'6px 0 6px 6px','height':'20px'}); if(page==1)shtml+='<a href="#" target="_self">«</a>';else shtml+='<a href="'+surl.replace("$",(page-1))+'" target="_self">«</a>'; if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}} else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}else{for(var i=page-5;i<page+5;i++){if(i==page)shtml+='<a href="'+surl.replace("$",i)+'" class="c" target="_self">'+i+'</a>';else shtml+='<a href="'+surl.replace("$",i)+'" target="_self">'+i+'</a>';}}} if(page==pagecount)shtml+='<a href="#">»</a>';else shtml+='<a target="_self" href="'+surl.replace("$",(page+1))+'">»</a>'; if(pagecount>10){shtml+='<span>跳转到 </span>';shtml+='<input type="text" size="2" maxlength="4" value="'+page+'" />'; shtml+='<span> 页</span>'; } $box.html(shtml).find('input').change(function(){var p=$(this).val();window.location.href=surl.replace("$",p);}); return $box; } })(jquery);
an und zitiere es dann einfach so:
$(function(){$('#page').pagination(100,1,'aaa.htm?page=$')})
Das obige ist der detaillierte Inhalt vonGeben Sie einen Code für das Abfrage-Paging-Plugin frei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!