Rumah  >  Artikel  >  hujung hadapan web  >  jQuery plug-in penomboran untuk mencapai paging effects_jquery

jQuery plug-in penomboran untuk mencapai paging effects_jquery

WBOY
WBOYasal
2016-05-16 16:04:401228semak imbas

Kesan paging jQuery praktikal plug-in jquery.pagination.js, berdasarkan pelaksanaan jQuery, boleh memanggil data dinamik melalui ajax mengikut panggilan balik fungsi pageselectCallback Kaedah semasa adalah untuk menjana data JSON ke fail JS data ialah data format JSON Kelemahan Data dibaca sekaligus, jadi kecekapan akan menjadi lebih rendah. Pemalam menyokong fungsi konfigurasi tersuai untuk banyak parameter, yang masih sangat bagus.

Penggunaan:

1. Muatkan pemalam dan jQuery

<link rel="stylesheet" href="pagination.css"> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="jquery.pagination.js"></script> 

2.Kandungan HTML

Salin kod Kod adalah seperti berikut:

f0d136d5c4d2d19a8784317067550f8b16b28748ea4df4d9c2150843fecfba68

3. Panggilan fungsi

<script type="text/javascript"> 
function pageselectCallback(page_index, jq){ 
        alert(page_index); 
        return false; 
      } 
$(document).ready(function(){ 
$(".pagination").pagination(100, { 
  callback: pageselectCallback, 
  
   num_edge_entries: 1, 
  
  }); 
}); 
</script> 

Penjelasan konfigurasi parameter

Nama parameter Perihalan parameter Nilai pilihan Nilai lalai


panggil balik Fungsi panggil balik untuk mengklik fungsi butang paging function(){return false;}

current_page Nombor halaman yang dipilih semasa permulaan Nombor 0
items_per_page Bilangan rekod yang dipaparkan setiap halaman Nombor 10
rentetan pautan pautan_ke halaman #
num_display_enries Bilangan maksimum halaman yang dipaparkan Nombor 11
next_text Teks yang dipaparkan pada rentetan 'halaman seterusnya' Seterusnya
next_show_always Jika ditetapkan kepada palsu, butang 'halaman seterusnya' hanya akan dipaparkan jika nombor halaman masih boleh dinaikkan nilai Boolean benar
prev_show_always Jika ditetapkan kepada palsu butang 'sebelumnya' hanya akan dipaparkan jika ia juga boleh menavigasi ke halaman sebelumnya boolean true
prev_text Teks dipaparkan pada 'halaman sebelumnya' Rentetan Sebelumnya
Jika num_edge_enries ditetapkan kepada 1, halaman pertama dan terakhir akan sentiasa dipaparkan 1 atau 0 0
ellipse_text Rentetan pengenalan daripada segmen halaman semasa ke Rentetan halaman pertama atau terakhir …
load_first_page Jika ditetapkan kepada benar, fungsi panggil balik akan dilaksanakan apabila pemalam dimulakan Boolean true

Lihat DEMO Muat turun pemalam

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn