Heim > Web-Frontend > js-Tutorial > Hauptteil

Teilen Sie ein JQ-Paging-Plug-In

一个新手
Freigeben: 2017-09-29 09:59:19
Original
1696 Leute haben es durchsucht

Die Paging-Funktion wird häufig bei der Arbeit verwendet. Um die Kapselung eines allgemeineren Paging-Plug-Ins zu erleichtern, ist es Open Source und einfach zu verwenden:

1. Unterstützt statische (hartcodierte Daten, Fake). Paging), dynamisches Paging (dynamische Ajax-Anforderungsdaten); 2. Verwenden Sie Funktionen entsprechend Ihren Anforderungen: Startseite und letzte Seiten, obere und untere Seiten, Anzeige der Nummer, Gesamtseitenanzeige, Schnellsprung; Es gibt keinen eigenen Stil, Entwickler können den Stil vollständig anpassen; 4. Einfach (einfach zu verwenden, der Code ist einfach);

Verwendung:

Der erste Schritt

JQuery- und ChPaging-Bibliotheken in die Seite einführen




Schritt 2Erstellen Sie eine ChPaging-Instanz und Bedienen Sie die Anzeige der Instanzzuordnungsliste.

Ein Paging-Container-Knoten muss erstellt werden.


1. Dynamisches Paging, verwenden Sie Ajax, um sofortige Daten anzufordern
 <script src="jquery.js"></script >
 <script src="ChPaging.1.0.1.min.js"></script >
Nach dem Login kopieren

2, statisches Paging. (Die Daten werden im Frontend zwischengespeichert und es ist nicht erforderlich, bei jedem Klick auf die Seite Daten anzufordern, was oft als falsches Paging bezeichnet wird.)


//html
<ul id="list"></ul>//与分页关联的列表节点
<p id="pagingId"></p>//分页容器节点
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonTeilen Sie ein JQ-Paging-Plug-In. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!