Pagination du plug-in jQuery pour obtenir des effets de pagination_jquery

Le plug-in pratique d'effets de pagination jQuery jquery.pagination.js, basé sur l'implémentation de jQuery, peut appeler des données dynamiques via ajax selon l'appel de rappel de la fonction pageselectCallback. La méthode actuelle consiste à générer des données JSON dans un fichier JS appelé. les données sont des données au format JSON. Inconvénients Les données sont lues en une seule fois, donc l'efficacité sera moindre. Le plug-in prend en charge des fonctions de configuration personnalisées pour de nombreux paramètres, ce qui est toujours très bon. Vous pouvez l'améliorer selon vos propres idées.

Utilisation :

1. Charger les plug-ins et 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.Contenu HTML

Copier le code Le code est le suivant :

f0d136d5c4d2d19a8784317067550f8b16b28748ea4df4d9c2150843fecfba68

3. Appel de fonction

<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> 

Explication de la configuration des paramètres

Nom du paramètre Description du paramètre Valeur facultative Valeur par défaut

callback La fonction de rappel pour cliquer sur le bouton de pagination function function(){return false;}

current_page Le numéro de page sélectionné lors de l'initialisation Numéro 0
items_per_page Nombre d'enregistrements affichés par page Nombre 10
link_to chaîne de lien de pagination #
num_display_entries Nombre maximum de pages affichées Numéro 11
next_text Le texte affiché sur la chaîne « page suivante » Suivant
next_show_always S'il est défini sur false, le bouton 'page suivante' ne sera affiché que si le numéro de page peut encore être augmenté. Valeur booléenne true
. prev_show_always S'il est défini sur false, le bouton 'précédent' ne sera affiché que s'il peut également accéder à la page précédente boolean true
prev_text Texte affiché sur la « page précédente » Chaîne Précédent
Si num_edge_entries est défini sur 1, la première et la dernière page seront toujours affichées 1 ou 0 0
ellipse_text Chaîne d'identification du segment de page actuel à la première ou à la dernière page Chaîne…
load_first_page Si défini sur true, la fonction de rappel sera exécutée lorsque le plugin sera initialisé Boolean true

Voir la DÉMO Téléchargement du plug-in

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.