Kemahiran pagination_javascript pemalam muka surat hadapan javascript berkapsul

Ringkasan:
Baru-baru ini, paging bahagian hadapan telah digunakan dalam projek pembangunan Ia telah dilakukan sebelum ini Untuk kemudahan penggunaan masa hadapan, ia dibungkus sebagai pemalam pihak ketiga dan tidak bergantung pada mana-mana perpustakaan. Sudah terdapat banyak pemalam di Internet, jadi mengapa kita perlu mencipta semula roda itu sendiri?

Ditulis oleh saya sendiri dan sangat berskala
Tidak bergantung pada mana-mana perpustakaan
Sebagai kerpasan teknikal

Mari kita lihat pemaparan dahulu

Kaedah pemasangan

Mula-mula muatkan css dan js ke dalam halaman

Contoh penggunaan

penomboran ({
Semasa: 1, // Nombor halaman semasa
Jumlah: 6, // Jumlah halaman keseluruhan
Len: 5, // Berapa banyak halaman untuk dipaparkan
targetId: 'penomboran', // Penomboran elemen mengikat
​ panggil balik: function() { ​
                // fungsi panggil balik                                  }  
})

Pengenalan parameter

cur

Nombor halaman semasa, setiap panggilan melepasi halaman semasa

jumlah

Jumlah bilangan halaman boleh diperolehi berdasarkan jumlah nombor dan nombor yang dipaparkan pada setiap halaman

len

Kuantiti dipaparkan pada bar paging

targetId

Ikatan elemen halaman

panggilan balik

Fungsi dilaksanakan selepas pemaparan halaman selesai, seperti penjilidan acara, dsb.

petua

Demo menggunakan data statik Jika anda memanggil data sebelah pelayan, anda hanya perlu menukar gelung for dalam fail index.js kepada permintaan Ajax.

Muat turun

http://xiazai.jb51.net/201601/yuanma/pagination-master(jb51.net).zip

Demo

http://demo.jb51.net/js/2016/pagination-master/