Maison Effets spéciaux JS Autres effets spéciaux Code de pagination de liste pour la fonction de saut de recherche de jQuery

Code de pagination de liste pour la fonction de saut de recherche de jQuery

Code de pagination de liste pour la fonction de saut de recherche de jQuery

Code de pagination de liste pour la fonction de saut de recherche de jQuery

Il s'agit d'un code de pagination jQuery très pratique qui peut définir le nombre de listes multiples et dispose d'une fonction de saut de recherche de pagination. code js
<script>
var page = 1;
limite var = 10 ;
var sommePage = 6;
taille variable = 28 ;
$(fonction(){
page = parseInt(page);
limit = parseInt(limit); //Empêcher les chaînes d'apparaître dans les numéros de page et convertir les types

loadClass();
setPageMsg();
initPage();

$("#pageLt").find("a").unbind("click").click(function(){
$("#pageLt").find("a").removeClass("active");
$(this).addClass("active");

limit = parseInt($(this).text());
// Fun d'exécution de pagination
});
});

fonction loadClass(){

si(limite == 10){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(0).addClass("active");
}sinon si(limite == 20){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(1).addClass("active");
}sinon si(limite == 30){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(2).addClass("active");
}sinon si(limite == 40){
$("#pageLt").find("a").removeClass("active");
$("#pageLt").find("a").eq(3).addClass("active");
}
}

/**Initialiser le contrôle de pagination **/
fonction initPage(){

$(".down_page").click(function(){ //Page précédente
si(page != 1){
page = page - 1;
$("#nowPage").text(page);
// Fun d'exécution de pagination
}autre{
alert("Déjà la première page","avertissement");
}
});
$(".up_page").click(function(){ //Page suivante
si(page < parseInt(sumPage)){
page = page + 1;
$("#nowPage").text(page);
//Fun d'exécution de pagination
}autre{
alert("Ceci est la dernière page", "avertissement");
}
});
$(".jump_page").click(function(){
var pageNum = $("#pageNum").val();
if(parseInt(pageNum) <= parseInt(sumPage)){
page = parseInt(pageNum);
$("#nowPage").text(page);
// Fun d'exécution de pagination
}autre{
alert("Le nombre de pages ne peut pas être supérieur au nombre total de pages","warning");
}
});
}

fonction setPageMsg(){
$("#count").text(size);
$("#nowPage").text(page);
$("#allPage").text(""+sumPage+"page");
}
</script>
Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Comment utiliser jQuery pour implémenter la fonction de saut de sélection de liste déroulante Comment utiliser jQuery pour implémenter la fonction de saut de sélection de liste déroulante

11 Apr 2023

jQuery est une bibliothèque JavaScript largement utilisée qui aide les développeurs à gérer plus facilement les opérations DOM, la gestion des événements et les requêtes Ajax, elle est donc largement utilisée dans le développement Web. Dans cet article, nous verrons comment utiliser jQuery pour implémenter la fonction de saut de sélection par liste déroulante. Tout d'abord, examinons le code HTML de base comme suit : ```<select id="selectBox"> <option value="http://www.google.c

Utilisez Struts2 pour implémenter l'affichage de liste et l'exemple de code de la fonction de pagination Utilisez Struts2 pour implémenter l'affichage de liste et l'exemple de code de la fonction de pagination

19 Mar 2017

Cet article présente l'exemple de code d'utilisation de Struts2 pour implémenter les fonctions d'affichage de liste et de pagination.

Implémentation de la fonction de pagination de recherche de l'applet WeChat Implémentation de la fonction de pagination de recherche de l'applet WeChat

21 Jan 2019

Le contenu de cet article concerne la mise en œuvre de la fonction de recherche du mini-programme WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Comment désactiver la fonction d'effets de texte dans QQ Liste des méthodes pour désactiver la fonction d'effets de texte dans QQ Comment désactiver la fonction d'effets de texte dans QQ Liste des méthodes pour désactiver la fonction d'effets de texte dans QQ

12 Jul 2024

QQ lance souvent diverses fonctions et effets spéciaux intéressants pour augmenter le plaisir de l'utiliser. Cependant, ces fonctions d'effets spéciaux peuvent parfois rendre certains utilisateurs encombrants ou dérangeants, comme la fonction d'effets de texte pour ceux qui souhaitent se concentrer davantage sur le. le contenu du chat lui-même, ou pour les utilisateurs qui recherchent une interface simple, désactiver la fonction d'effets de texte peut être un bon choix. Cet article présentera en détail comment désactiver la fonction d'effets de texte dans QQ. Liste des méthodes pour désactiver les effets de texte dans QQ 1. Tout d'abord, cliquez pour ouvrir le logiciel QQ sur votre téléphone et entrez dans l'interface, puis cliquez sur votre avatar QQ dans le coin supérieur gauche pour l'ouvrir. 2. Une nouvelle interface de menu de fonctions apparaîtra. Il y a une icône « Paramètres » dans le coin inférieur gauche. Cliquez dessus pour entrer. 3. Ensuite, après être entré dans l'interface de configuration,

Partage de code pour la fonction de saut de texte automatique JavaScript Partage de code pour la fonction de saut de texte automatique JavaScript

26 May 2017

Cet article présente principalement en détail la fonction de saut de texte automatique de JavaScript. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

Yii2 implémente la pagination, exemple de fonction de pagination avec recherche Yii2 implémente la pagination, exemple de fonction de pagination avec recherche

21 Apr 2018

Le contenu de cet article concerne l'implémentation de la pagination dans yii2 et l'exemple de la fonction de pagination avec recherche. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer.

Yii2 implémente la pagination, exemple de fonction de pagination avec recherche Yii2 implémente la pagination, exemple de fonction de pagination avec recherche

13 Jan 2017

Cet article présente principalement l'implémentation de la pagination dans yii2 et un exemple de la fonction de pagination avec recherche. Elle a une certaine valeur de référence et les amis intéressés peuvent s'y référer.

Code de la fonction de pagination PHP Code de la fonction de pagination PHP

16 Apr 2018

Cet article présente le code de la fonction de pagination PHP, qui a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer.

Comment utiliser PHP pour implémenter la fonction de saut de soumission de la liste déroulante Comment utiliser PHP pour implémenter la fonction de saut de soumission de la liste déroulante

24 Mar 2023

PHP est un langage de script largement utilisé dans le développement Web. Il présente les avantages d’être facile à apprendre, efficace et multiplateforme. La zone déroulante est un contrôle interactif couramment utilisé dans les pages Web. Elle permet aux utilisateurs d'en sélectionner une parmi plusieurs options, puis de soumettre sa valeur au serveur pour traitement. Dans le processus de développement Web, le saut de soumission par liste déroulante est une exigence fonctionnelle courante. Cet article explique comment utiliser PHP pour implémenter le saut de soumission par liste déroulante.

See all articles See all articles

Hot Tools

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 réalise un magnifique code d'animation de confession

jQuery+Html5 implémente un magnifique code d'animation de confession, l'effet d'animation est génial, un incontournable pour que les programmeurs se confessent !

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux js pour la confession romantique d'un couple

Code d'effets spéciaux JS pour la confession romantique des couples. De tels effets spéciaux peuvent être utilisés sur des sites Web de photographie de mariage ou placés sur des sites Web personnels. C'est également un bon effet spécial que le site Web chinois PHP recommande de télécharger !

Simple js aime l'artefact de confession

Simple js aime l'artefact de confession

Artefact de confession d'amour simple en js natif

Effets expressifs d'animation de particules HTML5 de Bunker

Effets expressifs d'animation de particules HTML5 de Bunker

Code d'effets spéciaux d'expression d'animation de particules HTML5 de Bunker, le texte des effets spéciaux d'animation peut être modifié dans le code, vous pouvez créer une page, vous pouvez personnaliser la saisie de texte, il devrait être très populaire, cet effet spécial HTML5 est très beau.

Modèle d'interface de connexion en arrière-plan réactif jQuery

Modèle d'interface de connexion en arrière-plan réactif jQuery

Code source HTML du modèle d'interface de connexion backend réactif jQuery. La page de connexion utilise jquery pour vérifier le formulaire et déterminer si le nom d'utilisateur et le mot de passe répondent aux exigences. Habituellement, la page de connexion est une page qui doit être utilisée sur les sites Web d'entreprise ou les sites Web réactifs des centres commerciaux. pages, lorsque le navigateur effectue un zoom avant ou arrière, l'arrière-plan redimensionnera l'image en fonction du navigateur ! Le site Web chinois PHP recommande le téléchargement !