J'ai récemment emprunté le livre "Learning Cross-platform Web Design Second Edition" à la bibliothèque de mon alma mater. Il est très bien écrit. Je l'ai lu et je le connais et je n'ai pas besoin de l'emprunter à nouveau. Cependant, certaines tables de syntaxe de jQuery Mobile ont une valeur de référence rapide. Par conséquent, les fonctions testées dans les notes avant la synthèse sont organisées comme suit, à titre de référence:
- Liste de valeurs d'attribut de rôle de données:
jQuery Mobile utilise la fonction d'attribut data- * de HTML5 pour personnaliser un ensemble d'attributs personnalisés de rôle de données. Tous les composants et la mise en page de jQuery Mobile sont contrôlés et composés par rôle de données:
Pour les pages autres que la première page, l'en-tête peut être ajouté avec l'attribut data-add-back-btn = "true" pour ajouter un bouton de retour, mais la valeur par défaut est "Back", qui peut être modifiée avec data-back-btn -text = "retour".
Le bloc div défini comme groupe de contrôle peut utiliser data-type = «horizontal» pour contrôler la disposition horizontale des composants dans le conteneur.
Le bouton d'hyperlien peut être défini avec data-inline = "true" pour définir la largeur sans occuper la largeur de l'écran (peut accueillir du texte / des icônes), de sorte que les boutons ne soient pas disposés sur des lignes séparées (mais plus de 5 le seront toujours sauter).
L'élément de liste peut être défini avec data-inset = "true" pour définir l'indentation de la liste sans occuper toute la largeur de l'écran. L'élément de liste (élément li) peut être ajouté avec l'attribut data-role = "list-divider" comme un élément de classification, ajoutez data-filter = "True", vous pouvez ajouter un champ de recherche au-dessus.
- Icônes de bouton (icône de données et icône de données):
3. Décor de thème (thème de données et thème de superposition de données):
![data- [overlay-] theme attribut value Description a Thème par défaut ab Thème alternatif bc ~ z Thème personnalisé c ~ z](https://img-blog.csdnimg.cn/20210308114232943.png)
- Transition de données:
- Attribut d'action du bouton d'hyperlien data-rel:
Cet attribut est utilisé dans l'action du bouton Hyperlien:
jQuery Mobile utilise Ajax par défaut lors de l'utilisation du bouton Hyperlien pour changer de page. Lorsque la page est déplacée, elle sera placée dans la zone de stockage temporaire pour améliorer les performances. Cependant, pour ceux qui ont besoin de mettre à jour dynamiquement à partir de la base de données, cela provoquer le dépassement de temps des données. Vous pouvez utiliser l'attribut data-ajax. = "False" pour désactiver Ajax.