jQuery-Plug-in-Paginierung, um Paging-Effekte zu erzielen

jQuery-Plug-in-Paginierung, um Paging-Effekte zu erzielen_jquery

WBOY

Freigeben： 2016-05-16 16:04:40

Original

1241 Leute haben es durchsucht

Praktisches jQuery-Paging-Effekt-Plug-in jquery.pagination.js, basierend auf der jQuery-Implementierung, kann dynamische Daten über Ajax gemäß dem Rückrufaufruf der pageselectCallback-Funktion aufrufen. Die aktuelle Methode besteht darin, JSON-Daten in einer JS-Datei zu generieren Daten sind Daten im JSON-Format. Die Daten werden auf einmal ausgelesen, daher ist die Effizienz geringer. Das Plug-in unterstützt benutzerdefinierte Konfigurationsfunktionen für viele Parameter, was immer noch sehr gut ist.

Verwendung:

1. Plug-Ins und jQuery laden

<link rel="stylesheet" href="pagination.css"> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="jquery.pagination.js"></script>

Nach dem Login kopieren

2.HTML-Inhalt

Code kopieren Der Code lautet wie folgt:

3. Funktionsaufruf

<script type="text/javascript"> 
function pageselectCallback(page_index, jq){ 
        alert(page_index); 
        return false; 
      } 
$(document).ready(function(){ 
$(".pagination").pagination(100, { 
  callback: pageselectCallback, 
  
   num_edge_entries: 1, 
  
  }); 
}); 
</script>

Nach dem Login kopieren

Erklärung der Parameterkonfiguration

Parametername Parameterbeschreibung Optionaler Wert Standardwert

Rückruf Die Rückruffunktion zum Klicken auf die Paging-Schaltflächenfunktion function(){return false;}

current_page Die bei der Initialisierung ausgewählte Seitennummer Nummer 0
items_per_page Anzahl der pro Seite angezeigten Datensätze Anzahl 10
link_to Paging-Link-String #
num_display_entries Maximale Anzahl angezeigter Seiten Zahl 11
next_text Der Text, der in der Zeichenfolge „Nächste Seite“ Next
angezeigt wird next_show_always Wenn auf false gesetzt, wird die Schaltfläche „Nächste Seite“ nur angezeigt, wenn die Seitenzahl noch erhöht werden kann. Boolescher Wert true
prev_show_always Wenn auf false gesetzt, wird die Schaltfläche „Zurück“ nur angezeigt, wenn auch zur vorherigen Seite navigiert werden kann. boolean true
prev_text Text, der auf der „vorherigen Seite“ angezeigt wird. String Previous
Wenn num_edge_entries auf 1 gesetzt ist, werden die erste und letzte Seite immer als 1 oder 0 0
angezeigt ellipse_text Identifikationszeichenfolge vom aktuellen Seitensegment bis zur ersten oder letzten Seite Zeichenfolge …
load_first_page Wenn auf true gesetzt, wird die Rückruffunktion ausgeführt, wenn das Plugin initialisiert wird. Boolean true

DEMO ansehen Plug-in-Download

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.