JQuery Pagination Plugins

Dieser Artikel überprüft mehrere JQuery -Pagination -Plugins, die im Februar 2017 für die Genauigkeit aktualisiert wurden. Die ineffizienten Anzeigen umfangreicher Ergebnisse ist ein häufiges Problem. Pagination bietet eine überlegene Lösung. Während die serverseitigen Pagination in Inhalten mit eindeutigen URLs abrufen, bieten clientseitige Optionen, insbesondere JQuery-Plugins, Alternativen.

Key Takeaways:

• TWBS JQuery Pagination: Ein benutzerfreundliches Plugin, das verschiedene Konfigurationsoptionen bietet. Benötigt JQuery und das Plugin selbst mit optionalem Bootstrap -CSS. Unterstützt die Ereignisbehandlung für dynamisches Inhaltsladen.
• jQuery BootPAG: Eine einfache Paginierungssteuerung mit anpassbaren Beschriftungen und Klassen. Benötigt JQuery, Bootstrap JS und die JS -Dateien des Plugins. Hinweis: Zuletzt aktualisiert Mitte 2015.
• jQuery DataTable: Erstellt paginierte Tabellen mit Sortier- und Filterfunktionen. Benötigt die Dateien datatable und datatable.jquery JS zusammen mit JQuery. Unterstützt AJAX für dynamische Daten.
• JPAGE -Plugin: Ein anpassbares Plugin zum Erstellen von Tabellen, Galerien oder Schiebereglern. Nicht auf Github verfügbar; ist möglicherweise nicht die aktuellste Option.
• JQuery Pajinat: Ein älteres Plugin zum Verteilenden langer Listen auf Seiten. Kompatibel mit älteren JQuery -Versionen, wurde aber seit 2013 nicht mehr aktualisiert.

Plugin -Details:

Twbs jQuery -Pagination:

Dieses Plugin vereinfacht die Pagination. Geben Sie ein Element an (idealerweise einen <code><ul></ul> oder <div>), und das Plugin verarbeitet den Rest. Es integriert sich gut in vorhandene Daten und ermöglicht die Ereignisbehandlung für Inhaltsaktualisierungen oder Ajax -Anrufe. Aktiv gepflegt (Version 1.4.1 zum Zeitpunkt des Schreibens). <code>onPageClick

GitHub
Website/docs
CodePen

jQuery BootPAG:

erstellt einfache Paginationskontrollen. Bietet Optionen für die nächsten/vorherigen Beschriftungen und Klassenanpassungen. Benötigt JQuery, Bootstrap JS und die JS -Dateien des Plugins. Zuletzt aktualisiert Mitte 2015 (Version 1.0.7). Ermöglicht die Einstellung

Eigenschaften für URL -Anker. href

GitHub
Website/docs
CodePen

jQuery DataTable:

erzeugt paginierte Tabellen mit Filterung und Sortierung. Benötigt datatable und datatable.jquery JS -Dateien und JQuery. Unterstützt das Bootstrap -Styling oder ein individuelles Styling. Bietet erweiterte Konfigurationsoptionen, einschließlich AJAX-Datenladen und spaltenspezifischer Filterung. Aktiv aktualisiert (Version 2.0 zum Zeitpunkt des Schreibens).

• Website
• GitHub
• CodePen

JPAGES -Plugin:

bietet hoch anpassbare Paginationsblöcke für Tabellen, Galerien oder Schieberegler. Unterstützt Animate.css und faule Last. Nicht auf Github; Das Alter kann ein Faktor bei der Auswahl eines Plugins sein.

• Website
• Demo 1
• Demo 2

JQuery Pajinat:

verteilt lange Listen über Seiten hinweg. Behandelt direkt die Paginierung auf Inhalt. Funktioniert am besten mit älteren JQuery -Versionen (1.x oder 2.x). Zuletzt aktualisiert im Jahr 2013.

• github/docs
• Demo

(Peer bewertet von Dominic Myers. Dank an die Peer -Rezensenten von SitePoint.)

häufig gestellte Fragen (FAQs):

Dieser Abschnitt bleibt weitgehend unverändert, wobei die ursprünglichen FAQs über Jquery -Pagination -Plugins, Abdeckungen von Funktionen, Integration, Anpassung, Browserkompatibilität, Fehlerbehebung, dynamische Datenbehandlung, Leistung, Updates, Mehrfach -Plugin -Nutzung und Zugänglichkeit.