Gunakan jQuery untuk menjana penomboran cepat

3

Dari semasa ke semasa, SitePoint menghilangkan demo tahun yang dihoskan pada halaman HTML yang berasingan. Kami melakukan ini untuk mengurangkan risiko kod ketinggalan zaman dengan kelemahan terdedah yang menimbulkan risiko kepada pengguna kami. Terima kasih atas pemahaman anda.

Gunakan penomboran jQuery cepat untuk menukar senarai panjang dan kandungan halaman ke dalam halaman bernombor dalam beberapa saat! Muat turun faedah penomboran cepat

boleh digunakan pada mana -mana senarai dalam beberapa saat

anda boleh menentukan navigasi di atas, bawah atau kedua -duanya

anda boleh menentukan bilangan item untuk dipaparkan untuk setiap halaman

• sangat ringan, hanya 3kb!
• Saya telah menguji setiap penyemak imbas dan ia sangat stabil
• Kekurangan kepada plugin penomboran yang sama
Ia kini hanya berfungsi pada senarai (tetapi anda boleh menggunakannya di Divs anda perlu meletakkannya dalam tag li).

Ia tidak mempunyai butang belakang dan seterusnya.

Contoh Penggunaan 1
• Pilihan lalai 10 Senarai item setiap halaman dan navigasi halaman di bawah.
• Contoh Penggunaan 2
Pilihan lalai 10 Senarai item setiap halaman dan navigasi halaman di atas dan bawah.

Contoh Penggunaan 3

Ditentukan 3 item senarai setiap halaman dan navigasi halaman di atas dan bawah.

<span>$("ul.pagination1").quickPagination();</span>

Soalan Lazim (Soalan Lazim) Mengenai JQuery Pagination Cepat

<span>$("ul.pagination2").quickPagination({pagerLocation:"both"});</span>

Bagaimana saya boleh menyesuaikan rupa penomboran saya menggunakan jQuery?

Menyesuaikan rupa penomboran anda menggunakan jQuery agak mudah. Anda boleh menggunakan CSS untuk gaya penomboran anda. Sebagai contoh, anda boleh menukar warna, saiz, dan fon butang penomboran. Anda juga boleh menambah kesan hover. Ingatlah untuk mensasarkan kelas atau ID yang betul dalam CSS anda yang sepadan dengan penomboran anda. Anda boleh menggunakan AJAX untuk mengambil data dari pelayan dan kemudian menggunakan kaedah .Pagination () untuk menanda data. Ini amat berguna apabila berurusan dengan dataset yang besar kerana ia membolehkan masa pemuatan yang lebih cepat. Anda boleh menggunakan kaedah .filter () dalam jQuery untuk mencapai ini. Anda juga perlu membuat fungsi untuk butang 'Seterusnya' dan 'Sebelumnya' untuk menavigasi antara halaman.

<span>$("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"3"});</span>

Bagaimana saya boleh menambah fungsi 'pergi ke halaman' ke penomboran jQuery saya? Anda kemudian akan membuat fungsi yang hanya menunjukkan item untuk nombor halaman yang dimasukkan apabila medan input diubah. Anda juga boleh menggunakan kaedah .Resize () dalam jQuery untuk menyesuaikan bilangan item setiap halaman berdasarkan saiz skrin. paginate data. Anda juga perlu menggunakan AJAX untuk mengambil data tanpa menyegarkan halaman. Anda perlu menggunakan kaedah .show () dalam jQuery untuk menunjukkan semua item. Anda kemudian akan membuat fungsi yang menyesuaikan bilangan item setiap halaman berdasarkan pilihan yang dipilih. Anda akan menggunakan kaedah .first () dan .last () dalam jQuery untuk mencapai ini.

Atas ialah kandungan terperinci Gunakan jQuery untuk menjana penomboran cepat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!