Pluginurile de paginare jQuery sunt scripturi care pot fi integrate în site-ul dvs. pentru a împărți paginile și postările în mai multe pagini separate. Există practic două moduri de a crea paginarea site-ului web. Fie printr-un plugin care împarte datele în mai multe pagini după ce pagina s-a încărcat, fie printr-un script de la nivelul serverului în care cantitatea necesară de date este preluată din baza de date și apoi încărcată pe pagină. Paginarea poate fi o modalitate bună de a crește numărul de vizualizări ale paginilor de pe site-ul dvs. și, astfel, de a îmbunătăți ratele de respingere și alți factori de comportament luați în considerare de motoarele de căutare.

Dacă aveți o cantitate mare de date pe paginile dvs., atunci pluginurile pentru crearea de navigare a paginii vor ajuta la ca conținutul să fie mai convenabil pentru vizitatori. În acest articol, vă vom împărtăși câteva plugin-uri care vă vor ajuta să creați setările de paginare dorite pe site-urile dvs. web. Majoritatea acestor plugin-uri sunt gratuite și pot fi integrate în orice design.

Acesta este un plugin jQuery grozav de la Remy Elazare care combină paginarea și derularea într-o interfață simplă de utilizator.

jPaginate este un plugin de paginare jQuery care are o caracteristică: numere de pagini animate. Utilizatorul poate derula prin numerele de pagină disponibile făcând clic sau pur și simplu trecând peste săgeată. Sunt disponibile și link-uri către prima și ultima pagină.

Pajinate este un plugin jQuery simplu și flexibil care vă permite să împărțiți liste lungi sau conținut în mai multe pagini separate. Nu numai că aceasta este o alternativă simplă la o implementare pe partea de server, timpul de încărcare a paginii între tranzițiile de pagină este practic zero (cu o dimensiune rezonabilă a paginii, desigur).

Un plugin jQuery simplu pentru a crea paginarea cu trei teme CSS.

jPList este un plugin jQuery flexibil pentru sortarea, paginarea și filtrarea oricărui marcaj HTML (DIV, UL/LI, tabele etc.) - plugin premium de la CodeCanyon.

Acest plugin creează o sortare simplă a conținutului și vă permite să vă gestionați conținutul folosind paginarea! Sortarea simplă a conținutului oferă o modalitate ușoară de a vă decora interfața, oferind un mecanism convenabil de sortare. - Plugin premium it CodeCanyon

Acest plugin vă permite să vizualizați cu ușurință o listă de elemente, paginate. Este foarte ușor de implementat și foarte ușor, așa că poate fi util pentru utilizare în propriile proiecte.

SimplePager vă permite să creați paginarea cu cât mai puțin efort și configurație posibil. Acest plugin poate pagina div-uri, paragrafe, articole din listă și aproape orice alt conținut.

Un plugin jQuery care oferă o nouă metodă de paginare pentru site-ul sau aplicația dvs. În loc să scoată o listă de numere de pagină ca în metodele tradiționale, jqPagination folosește o ieșire interactivă a numerelor de pagină, cum ar fi „1 din 5 pagini”, atunci când este selectat, pluginul permite utilizatorului să introducă numărul de pagină dorit. Linkurile „prima pagină”, „anterior”, „următorul” și „ultima” sunt activate în mod implicit, dar pot fi dezactivate.

Dacă aveți o listă mare de elemente (de exemplu, rezultatele căutării sau știri, articole), le puteți grupa în pagini separate și puteți adăuga elemente de navigare folosind acest plugin.

Un alt plugin jQuery pentru crearea de navigare în pagină. Este atractiv, intuitiv, vine cu un scroller de pagină și poți adăuga un număr nelimitat de pagini.

Plugin jQuery pentru crearea de paginare (pentru diferite conținuturi), care se bazează nu pe numărul de elemente de pe pagină, ci pe înălțimea zonei de conținut.

Smart Paginator este un plugin de paginare jQuery bogat în funcții, care face ca adăugarea de paginare să fie o ușoară, și este, de asemenea, foarte personalizabil. Smart Paginator poate filtra automat datele din partea clientului.

După cum sugerează și numele, folosește Ajax pentru a crea navigarea în pagină pe site-ul dvs. Va încărca doar o anumită parte și nu întreaga pagină, grăbindu-se astfel timpul de încărcare a site-ului.

Sweet Pages este un plugin jQuery care vă permite să transformați o listă simplă neordonată de elemente într-un set convenabil de pagini cu navigare. Poate fi folosit pentru comentarii, prezentări de diapozitive sau orice alt tip de conținut structurat.

Dacă aveți întrebări, vă recomandăm să utilizați

Paginarea, sau dacă popprost - navigare în pagină, este un element important al oricărui site web mai mult sau mai puțin complet. Diverse sisteme de management al conținutului, în cea mai mare parte, au instrumente încorporate pentru implementarea paginației. Există, de asemenea, o mulțime de plugin-uri separate scrise pentru această sarcină utilă; în cele mai multe cazuri, acestea sunt create folosind . Toate aceste plugin-uri sunt diferite ca stil și funcționalitate, dar cel mai important, toate sunt o alternativă excelentă la implementarea pe partea serverului de a împărți conținutul voluminos al site-urilor în pagini.

Ofer spre considerare, în opinia mea, unul dintre cele mai simple plugin-uri jQuery pentru crearea de navigare în pagină, care vă va ajuta să organizați o paginare atractivă și rapidă.

Foarte usoara din toate punctele de vedere, atat in ceea ce priveste greutatea cat si tot ce tine de conectare, setari, rapid pentru crearea paginarii, dotat cu trei stiluri de design si incarcat cu suport.

Apropo, dacă nu sunteți mulțumit de stilurile standard, puteți utiliza, ceea ce nu va fi greu de atașat la .css-ul pluginului.

Acum, să aruncăm o privire mai atentă la cum să conectați corect pluginul în sine și fișierul de stil la document, adică să îl implementăm direct pe paginile site-ului și să trecem prin setările pluginului disponibile.

Pentru început, desigur, trebuie să aveți un plugin, adică cu surse, în care jquery javascript în sine și fișierul de stil css sunt ambalate cu grijă.

Să ne uităm la modul de utilizare a pluginului pas cu pas:

În corpul paginii, în secțiunea ..., trebuie să conectați cadrul jQuery, de preferință versiunea 1.7.2 sau mai recentă, acest lucru se poate face folosind un depozit special Google:

Dacă ai deja activat jQuery pe site-ul tău și lucrează la viteză maximă, poți sări peste toate mișcările descrise mai sus, principalul lucru este să te asiguri că versiunea jQuery nu este prea densă. În WordPress, apropo, este în regulă.
Apoi, conectăm calul nostru de lucru - pluginul jquery.simplePagination.js:

Nu trebuie să vă agitați, ci pur și simplu selectați stilul de care aveți nevoie, deschis, întunecat sau compact și inserați un set de reguli în fișierul styles.css al șablonului dvs. Înregistrarea propriilor stiluri sau utilizarea Bootstrap este, de asemenea, o opțiune, în ceea ce privește originalitatea și dezvoltarea abilităților de construire a site-ului, chiar mai de preferat.

Pentru a afișa panoul de navigare a paginii pe paginile site-ului, unde intenționați să-l plasați, mai logic și cel mai adesea, acesta se află în partea de jos a conținutului principal, ar trebui să scrieți următoarele:
Pentru un fundal deschis:

Tema compactă:

$(function() ( $(#light-pagination).pagination(( itemi: 100, itemsOnPage: 10, cssStyle: "light-theme" )); ));

În exemplu, am folosit inițializarea pentru paginarea temei light #light-pagination , puteți schimba selectorul cu altul, pentru compact este #compact-pagination , sau pentru stilul întunecat #dark-pagination . În acest caz, nu uitați să schimbați clasa în funcția cssStyle.
După cum am scris deja mai sus, pluginul este foarte flexibil în setări, următoarele opțiuni sunt disponibile pentru modificare:

• articole — Numărul total de articole care vor fi utilizate pentru a calcula paginile. Implicit: 1.
• itemsOnPage — Numărul de articole de afișat pe fiecare pagină. Implicit: 1.
• pagini — Opțional. Dacă este specificată o valoare, elementele și opțiunile itemOnPage sunt ignorate. Setează numărul de pagini din listă.
• displayedPages — Câte numere de pagină ar trebui să fie vizibile în timpul navigării. Valoarea minimă permisă: 3, implicit: 5.
• margini — Câte numere de pagină sunt vizibile la începutul și la sfârșitul numerotării. Valoare implicită: 2.
• currentPage — Care pagină va fi selectată imediat după lansare. Valoare logică, implicită: 1.
• hrefTextPrefix - Șirul utilizat în atributul HREF este adăugat înainte de numărul paginii. Implicit: „#page-” .
• hrefTextSuffix — Șirul utilizat în atributul HREF este inserat după numărul paginii. Implicit este șirul gol.
• prevText — Textul butonului către pagina anterioară. Implicit: „Anterior”.
• nextText — Textul butonului către pagina următoare. Implicit: „Următorul”
• cssStyle - Definește stilul CSS. Implicit: „temă luminoasă”
• selectOnClick - Selectarea unei pagini după clic, implicit - activată (adevărat), încă nu înțeleg de ce să o dezactivez, dar există o astfel de opțiune, valoare: „false”.

Ne-am uitat la cele mai de bază setări. Puteți afla despre funcțiile suplimentare și metodele disponibile pentru utilizarea acestui plugin, studiind documentația direct pe pagina dezvoltatorului.

Tot ce pot face este să-ți urez mult noroc și succes în a lucra la noile tale proiecte.

Classic of Pagination constă dintr-un set de butoane, cum ar fi butonul „Acasă”, „Anterior”, „Următorul”, „Ultima pagină” și, desigur, numerele paginii. De asemenea, constă dintr-un bloc de stare a paginii. Fiecare articol este un element separat și independent, care poate fi afișat oriunde pe pagină sau nu poate fi afișat deloc.

Pentru a sări rapid la pagina dorită - introduceți numărul paginii în casetă și faceți clic pe „OK”.

Acest set este o navigație perfectă, potrivită pentru un număr mic de pagini, când este suficient, pur și simplu întoarceți paginile înainte și înapoi

Aceasta este cea mai minimalistă vizualizare a controalelor, similară cu cea pe care o vedeai în glisoare.

Acest control este util dacă trebuie să aveți acces rapid la toate paginile. Acest tip de control este potrivit pentru text mare și pentru postări mici

Acest tip de control este minimizat din cauza absenței butoanelor cu numere de pagină.

Acesta este un aspect elegant și modern al gestionării paginilor. Ocupă foarte puțin spațiu, dar este foarte funcțional.

Acesta nu este un tip standard de paginare. Cu aceasta este posibilă estimarea procentului de pagini citite.

Elementele de control nu sunt necesare pentru înregistrarea în plugin. Puteți adăuga manual orice control în orice locație a codului, dar este necesar să specificați numele unic al blocului de paginare în atributul data-href și identificatorul de tranziție. Ca buton de control, puteți utiliza orice element html: a, button, span, div, img și altele.

Acest set de comenzi combină aspectul clasic și un bloc pentru tranziția bystoro la pagina specifică.

Dacă utilizați un plug-in pentru a bloca care conține doar noduri de text, textul va fi împărțit în părți prin puncte dacă acestea se află în text. Dacă textul nu este puncte, pentru separarea textului trebuie să specificați caracterul din parametrul „splitSymbols”, cum ar fi spațiu, literă sau alte

Dacă utilizați un plug-in pentru a bloca care conține etichete de paragrafe sau alte etichete html cu text, textul va fi împărțit în părți prin aceste etichete html.

Plugin-ul se împarte la fel de bine pe pagină ca etichete pentru formatarea textului și a etichetelor de imagine. Urmăriți comportamentul înălțimii imaginii folosind stiluri CSS

lista este împărțită ca alte etichete. Cel mai important lucru este că lista de elemente este un copil al elementului de inițializare

Pe o pagină pot fi mai multe blocuri cu navigare pe pagină. Și fiecare dintre aceste blocuri poate avea setările dvs

Acest parametru specifică numărul paginii care urmează să fie afișată după primul site de descărcare

Reg.ru: domenii și găzduire

Cel mai mare registrator și furnizor de găzduire din Rusia.

Peste 2 milioane de nume de domenii în serviciu.

Promovare, corespondență de domeniu, soluții de afaceri.

Peste 700 de mii de clienți din întreaga lume și-au făcut deja alegerea.

* Treceți mouse-ul peste pentru a întrerupe derularea.

Inapoi inainte

Împărțirea conținutului în pagini separate (paginare) este o soluție comună atunci când lucrați cu cantități mari de informații. Acest lucru este implementat de obicei prin trecerea numărului paginii necesare unui procesor suplimentar, care preia informațiile din baza de date și le returnează într-o anumită formă. Un proces care necesită multă muncă, dar un rău necesar. Sau nu?

Când lucrați cu cantități mici de informații, nu ar fi convenabil să aveți conținutul deja pregătit în prealabil, organizat clar și ușor accesibil?

Acum vom realiza o soluție jQuery care ne va permite să convertim o listă obișnuită de elemente neordonate într-un set de pagini prietenos cu motoarele de căutare, cu navigare ușoară. Acest plugin poate fi folosit pentru comentarii, prezentări de diapozitive sau orice alt tip de conținut structurat.

Concept

Când este apelat, pluginul împarte elemente