Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:04:40
original
1246 Les gens l'ont consulté

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> 
Copier après la connexion

2.Contenu HTML

Copier le code Le code est le suivant :


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> 
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal