Maison >interface Web >js tutoriel >Compétences du plug-in de pagination frontale javascript encapsulé pagination_javascript

Compétences du plug-in de pagination frontale javascript encapsulé pagination_javascript

WBOY
WBOYoriginal
2016-05-16 15:22:172365parcourir

Résumé :
Récemment, la pagination frontale a été utilisée dans des projets de développement. Pour la commodité d'une utilisation future, elle est conditionnée en tant que plug-in tiers et ne repose sur aucune bibliothèque. Il existe déjà de nombreux plug-ins sur Internet, alors pourquoi devrions-nous réinventer la roue nous-mêmes ?

Écrit par moi-même et hautement évolutif
Ne dépend d'aucune bibliothèque
Comme précipitation technique

Jetons d'abord un coup d'oeil aux rendus

Méthode d'installation

Chargez d'abord les CSS et les JS dans la page

Exemples d'utilisation

pagination({
Cur : 1, // Numéro de la page actuelle
Total : 6, // Combien de pages au total
Len : 5, // Combien de pages afficher
targetId : 'pagination', // Liaison de l'élément de pagination
​ rappel : function() { ​
                // fonction de rappel                                  }  
})

Présentation des paramètres

cur

Le numéro de la page actuelle, chaque appel passe la page actuelle

total

Le nombre total de pages peut être obtenu en fonction du nombre total et du nombre affiché sur chaque page

len

Quantité affichée sur la barre de pagination

IDcible

Liaison d'élément de page

rappel

Fonction exécutée une fois le rendu de la page terminé, comme la liaison d'événements, etc.

conseils

La démo utilise des données statiques. Si vous appelez les données côté serveur, il vous suffit de remplacer la boucle for dans le fichier index.js par une requête Ajax.

Télécharger

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

Démo

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

Déclaration:
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