jQuery Pages mobiles
Une page Web mobile de base
Plusieurs pages
Boite de dialogue
jQuery Mobile Transitions
effet Fade
effet flip
débit effet
effet Pop
Effet Glisser
effet Slidefade
effet slideUp
effet slideDown
Tourner effet
Aucun effet de transition
effet Reversed
jQuery mobile Boutons
Créer un bouton
Boutons Inline
boutons groupé
boutons Retour
Changer la couleur du bouton
Boutons avec ou sans coins arrondis
Petits boutons ou réguliers taille
Boutons avec ou sans ombres
jQuery mobile Bouton Icônes
Ajouter des icônes aux boutons
Ajouter plus d' icônes (icônes introduites dans la version 1.4)
Icônes de positionnement
Afficher seulement l'icône
Retirer le cercle (disque) Changez la couleur de l' icône
jQuery Mobile popups
Créer un popup de base
Ajouter le rembourrage et la marge à la fenêtre contextuelle
Fermez la fenêtre contextuelle avec un bouton de fermeture à droite
Fermez la fenêtre contextuelle avec un bouton de fermeture gauche
Popup Undismissible
Popups de positionnement
Transitioning popups
Arrows Popup
Dialogues Popup
Photos Popup
jQuery Mobile Toolbars
Créer un en- tête et un pied de page
Ajouter des boutons en - tête
Ajouter un bouton sur le côté gauche de l' en- tête
Ajouter un bouton sur le côté droit de l' en- tête
Pied de page avec des boutons
Pied de page avec centre aligné boutons
Pied de page avec des boutons regroupés horizontalement
Position Inline - tête et pied de page en ligne avec le contenu de la page
Position fixe - tête et pied de page restent positionnés en haut et en bas de la page
Position Fullscreen - tête et le pied reste positionné en haut et en bas, mais aussi sur le contenu de la page
Bars jQuery Navigation mobile
Créer une barre de navigation
Les icônes de boutons de navigation
Les barres de navigation dans le contenu
Les barres de navigation en bas de page
Ajouter sélectionné (enfoncé) rechercher des boutons dans les barres de navigation
Ajoutez sélectionné (enfoncé) chercher persistante
Icônes de positionnement: alignement top
Icônes Positionnement: alignement à droite
Icônes Positionnement: alignement de fond
Icônes Positionnement: alignement à gauche
Une démonstration de 10 boutons dans une barre de navigation
Panneaux mobiles jQuery
Créer un panneau de base
Un panneau avec un bouton de fermeture
Changer l'affichage du panneau
Position droite un panneau
Position du panneau fixe
jQuery Mobile pliables
Créer un bloc pliable de contenu
Développez le contenu chargement de la page
Blocs pliables emboîtées
Ensembles pliables (accordéon)
Retirer les coins arrondis sur pliables
Faire pliables plus petit
Changer l'icône pliables
Changer la position de l' icône du pliables
Tables jQuery mobile
Créer une table de refusion
Créer une table colonne toggle
Modifier le texte bascule bouton de table
Ajouter des ombres au tableau
Ajouter une bordure inférieure à toutes les lignes de la table
Ajouter une couleur de fond à toutes les lignes de la table
jQuery Mobile Grids
Deux colonnes layout
Trois colonnes
Quatre colonnes layout
Cinq colonnes layout
Personnaliser les grilles
Plusieurs lignes à l' intérieur des colonnes
Listes jQuery Mobile
Créer des affichages de liste
Vue sur la Liste avec des coins arrondis
Liste des diviseurs
Autodividers
Créer des listes de lecture seule
Insérer des panneaux à la liste des articles
Changement par défaut icône de lien pour les éléments de liste
Ajouter des icônes à la liste des articles
Ajouter à la liste des vignettes articles
Ajouter des éléments HTML pour remplir les éléments de liste avec des informations
Créer des listes avec des boutons fendus
Faire la liste des articles plus fonctionnelle
Créer des bulles de comptage
Listes Popup
listes pliables
Listes popup pliables
Largeur complète des listes pliables
Créer un calendrier
Filtres jQuery mobile
Créer un champ de recherche pour les listes
Modifier le texte dans le champ de recherche
Filtre Personnalisé
Filtre listes pliables
Tables de filtrage
Filtrez un élément <div>
jQuery Mobile Forms
Entrées de texte
Ajout d' une icône dans les boutons d'entrée
Ajout d' un bouton "clair" dans les entrées
Zone de texte
Recherche d' entrée
Les boutons radio
Checkboxes
Boutons et cases horizontalement Radio Group
Conteneurs sur le terrain avec les boutons radio et cases
Pré-sélectionnez le bouton radio / case
Placez le formulaire dans un popup
Empêcher jQuery Mobile pour coiffer automatiquement les éléments tappable
Créer un menu de sélection
Créer menus de sélection avec séparateurs (optgroup)
Sélectionnez Personnaliser les menus
Sélectionnez plusieurs options dans le menu de sélection
Menus de sélection de groupe
Menus de sélection de groupe horizontalement
Rapetisser menus de sélection
Pré-sélectionner une option
Sélections Popup
formes pliables
Changer l'icône de sélection par défaut
Changer la position de l' icône
Créer un contrôle de curseur
Afficher la valeur sur le bouton de curseur
Faire la valeur contextuelle sur l'écran comme la diapositive utilisateur
Mettez en surbrillance la piste jusqu'à la valeur du curseur
Range curseur (double)
Créer un interrupteur à bascule bascule
Modifier le texte sur le commutateur bascule
Pré-sélectionner un commutateur à bascule
Coiffez le commutateur à bascule
jQuery Mobile Thèmes
Thème "a"
Thème "b"
En- tête et pied de page Theming
Dialogues Thématisation
Boutons Thématisation
Icônes Thématisation
Popups Thématisation
Boutons Thématisation en - tête et pied de page
Barres de navigation Theming
Panneaux Thématisation
Thématisation bouton pliable et contenu
Listes Thématisation
Boutons Thématisation fendues
Thématisation listes pliables
Formes Thématisation
Thématisation formes pliables
Personnaliser thèmes
jQuery Mobile Events
Événement Tap
événement Taphold
événement Swipe
événement Swipeleft
événement Swiperight
événement Scrollstart
événement Scrollstop
Événement orientationChange - orientation Alert
Événement orientationChange - Définir des styles différents pour portrait et paysage
Événements page d'initialisation
Les événements de chargement de page
Les événements de transition Page