Exemple jQuery Mobile
Page jQuery Mobile
Une page Web mobile de base
Pages multiples
Dialogue
Explication avec des exemples
Changement de page jQuery Mobile
Effet de fondu
Effet de retournement d'arrière en avant
Effet de flux
Effet popup
Effet de glissement
Glissement de droite à gauche et effet de fondu
Effet de glissement de bas en haut
Effet de glissement de haut en bas
Effet de changement de page
Aucun effet de commutation
Effet d'inversion
Explication avec exemples
Bouton jQuery Mobile
Bouton Créer
En ligne bouton
Bouton combo
Bouton retour
Bouton avec ou sans coins arrondis
Bouton de taille petite ou normale
Bouton avec ou sans ombre
Explication avec exemples
Icône du bouton jQuery Mobile
Ajouter une icône au bouton
Icône de position
Afficher uniquement l'icône
Explication des exemples
Barre d'outils jQuery Mobile
Créer des barres d'en-tête et de pied de page
Ajouter des boutons à la barre d'en-tête
Ajouter des boutons à la gauche de la barre d'en-tête
Ajouter des boutons à droite de la barre d'en-tête
Barre de queue avec boutons
Barre de queue avec boutons alignés au centre
Barre de queue avec boutons de combinaison
Barre de queue avec combinaison horizontale boutons
Positionnement en ligne - les barres d'en-tête et de pied de page sont alignées avec le contenu de la page
Positionnement fixe - les barres d'en-tête et de pied de page sont fixes En haut et en bas de la page
Positionnement plein écran - les barres d'en-tête et de pied de page sont fixés en haut et en bas de la page, mais couvriront le contenu de la page
Explication des exemples
Barre de navigation mobile jQuery
Créer une barre de navigation
Barre de navigation dans le contenu
Barre de navigation dans le pied de page
Ajouter un bouton dans la barre de navigation Apparence sélectionnée (appuyée)
Ajouter en continu l'apparence sélectionnée (appuyée)
Positionnement des icônes dans la barre de navigation
Démonstration de 10 boutons dans la barre de navigation
Explication des exemples
Blocs pliables jQuery Mobile
Créer des blocs de contenu pliables
Agrandir le contenu lors du chargement de la page
Blocs pliables imbriqués
Collection pliable
Annuler les coins arrondis des blocs pliables
Rendre les blocs pliables plus petits
Changer l'icône des blocs pliables
Liste pliable
Formulaire pliable
Explication avec des exemples
jQuery Mobile Grid
Disposition sur deux colonnes
Disposition sur trois colonnes
Disposition sur quatre colonnes
Disposition sur cinq colonnes
Grille personnalisée
Plusieurs lignes dans une colonne
Explication des exemples
jQuery Mobile List
Créer une vue de liste
Vue de liste avec coins arrondis
Séparation de liste
Séparation automatique
Créer un filtre de recherche
Modifier le texte dans le champ de recherche
Créer une liste en lecture seule
Ajouter des miniatures pour les éléments de la liste
Ajouter des éléments HTML pour remplir les éléments de la liste avec des informations
Ajouter des icônes aux éléments de la liste
Créer des listes avec des boutons partagés
Créer des listes Les éléments sont plus fonctionnels
Créer des bulles de comptage
Créer des icônes de lien par défaut pour les éléments de la liste
Listes pliables
Créer des calendriers
Explication avec exemples
Formulaire mobile jQuery
Zone de saisie de texte
Champ de saisie de texte
Zone de saisie de recherche
Bouton radio
case à cocher
Combiner la radio boutons et cases à cocher horizontalement
Conteneur de champ avec boutons radio et cases à cocher
Boutons radio/cases à cocher présélectionnés
Créer un menu de sélection
Créer avec un diviseur Sélectionner un menu pour (optgroup)
Menu de sélection personnalisé
Sélectionnez plusieurs options dans le menu de sélection
Menu de sélection combiné
Menu de sélection combiné horizontal
Options présélectionnées
Formulaire pliable
Créer un contrôle de curseur
Mettez en surbrillance la valeur du curseur
Créer un interrupteur à bascule
Présélectionner l'interrupteur à bascule
Explication des exemples
Thème mobile jQuery
Thème "a"
Thème "b"
En-tête, contenu et bande-annonce du thème
Boîte de dialogue du thème
Bouton du thème
Icône du thème
Boutons du thème tête et queue
Barre de navigation du thème
Bouton et contenu du thème pliable
Liste des thèmes
Bouton divisé du thème
Liste des thèmes pliables
Formulaire du thème
Formulaire du thème pliable
Thème personnalisé
Explication de l'instance
Événement tactile jQuery Mobile
Événement Tap
Événement Taphold
Événement Swipe
Événement Swipeleft
Événement Swiperight
Événement Scrollstart
Événement Scrollstop
Événement Changement d'orientation - Direction rapide
Événement Changement d'orientation - Définir différents styles pour le portrait et le paysage
Explication avec des exemples
