Plugin Pagination JQuery

Artikel ini mengkaji beberapa plugin penembakan jQuery, dikemas kini pada bulan Februari 2017 untuk ketepatan. Memaparkan senarai hasil yang luas tidak cekap adalah masalah biasa; Pagination menawarkan penyelesaian yang unggul. Walaupun penomboran sisi pelayan mengambil kandungan paged dengan URL yang unik, pilihan sisi klien, terutamanya plugin jQuery, menyediakan alternatif.

Takeaways utama:

• TWBS JQuery Pagination: Plugin mesra pengguna yang menawarkan pelbagai pilihan konfigurasi. Memerlukan jQuery dan plugin itu sendiri, dengan CSS bootstrap pilihan. Menyokong pengendalian acara untuk memuatkan kandungan dinamik.
• jQuery bootpag: Kawalan penomboran mudah dengan label dan kelas yang disesuaikan. Memerlukan jQuery, bootstrap JS, dan fail JS plugin. Nota: Terakhir dikemas kini pertengahan 2015.
• JQuery DataTable: Mewujudkan jadual paginated dengan keupayaan penyortiran dan penapisan. Memerlukan fail datatable dan datatable.jquery JS, bersama -sama dengan jQuery. Menyokong Ajax untuk data dinamik.
Plugin JPages:
• Plugin yang disesuaikan untuk membuat jadual, galeri, atau slider. Tidak terdapat di GitHub; mungkin bukan pilihan paling terkini.
JQuery Pajinate:
• Plugin yang lebih lama untuk mengedarkan senarai panjang di seluruh halaman. Sesuai dengan versi jQuery yang lebih lama tetapi belum dikemas kini sejak 2013.

Butiran plugin:

TWBS JQuery Pagination:

Plugin ini memudahkan penomboran. Tentukan elemen (idealnya <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173975845332374.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="jQuery Pagination Plugins "> atau

), dan plugin mengendalikan selebihnya. Ia mengintegrasikan dengan baik dengan data sedia ada, yang membolehkan

pengendalian acara untuk kemas kini kandungan atau panggilan AJAX. Diselenggarakan secara aktif (versi 1.4.1 pada masa penulisan). <ul></ul> <div> <code>onPageClick GitHub laman web/docs

• codepen
• jQuery bootpag:

Mencipta kawalan penomboran mudah. Menawarkan pilihan untuk label seterusnya/sebelumnya dan penyesuaian kelas. Memerlukan jQuery, bootstrap JS, dan fail JS plugin. Terakhir dikemas kini pertengahan 2015 (versi 1.0.7). Membolehkan tetapan

sifat untuk sauh URL.

GitHub

laman web/docs href

codepen

• JQuery DataTable:

Menjana jadual paginated dengan penapisan dan penyortiran. Memerlukan datatable dan datatable.jquery fail dan jQuery. Menyokong gaya bootstrap atau gaya adat. Menawarkan pilihan konfigurasi lanjutan, termasuk pemuatan data AJAX dan penapisan khusus lajur. Dikemaskini secara aktif (versi 2.0 pada masa penulisan).

• Laman web
• GitHub
codepen

plugin jpages:

Menyediakan blok penomboran yang sangat disesuaikan untuk jadual, galeri, atau slider. Menyokong animate.css dan beban malas. Bukan pada github; Umurnya mungkin menjadi faktor dalam memilih plugin.

Laman web

• Demo 1
• Demo 2

jQuery Pajinate:

Mengedarkan senarai panjang di seluruh halaman. Secara langsung mengendalikan penomboran pada kandungan. Bekerja dengan terbaik dengan versi jQuery yang lebih lama (1.x atau 2.x). Terakhir dikemas kini pada tahun 2013.

github/docs

Demo
(Peer dikaji semula oleh Dominic Myers. Terima kasih kepada pengulas rakan sebaya SitePoint.)

Soalan Lazim (Soalan Lazim):

Bahagian ini kekal tidak berubah, mengekalkan Soalan Lazim asal mengenai plugin penomboran jQuery, ciri -ciri yang meliputi, integrasi, penyesuaian, keserasian penyemak imbas, penyelesaian masalah, pengendalian data dinamik, prestasi, kemas kini, penggunaan plugin berganda, dan aksesibiliti.