J'ai un ID égal à "une" dans le conteneur de page. Je suis la première "page" dans l'ordre du code source, donc je suis affichée lorsque la page se charge.
Ceci est un modèle passe-partout multi-pages que vous pouvez copier pour construire votre première page jQuery Mobile. Ce modèle contient plusieurs conteneurs "page"s à l'intérieur, contrairement à un modèle de page unique qui contient une seule page en son sein.
Afficher le code source et copiez le pour débuter. Toutes les CSS et JS étant liés au CDN de jQuery, c'est super facile à configurer. N'oubliez pas d'inclure une balise meta viewport dans le <head/> pour fixer le niveau de zoom.
Vos liens vers des pages internes doivent se référer à l'ID de la page que vous voulez afficher. Par exemple, pour faire un lien vers la "page" ayant pour ID "deux", votre lien doit se présenter sous cette forme href="#deux" dans le code.
J'ai un ID égal à "deux" dans le conteneur de page. Je suis le second conteneur de page dans ce modèle multi-pages.
Notez que le thème est différent pour cette page parce que nous avons ajouté un autre data-theme ici pour vous montrer la souplesse d'emploi. Vous pouvez ajouter n'importe quel contenu ou widget dans ces pages en toute simplicité.
J'ai un ID égal à "popup" dans le conteneur de page et mon apparence est celle d'une boite de dialogue parce que le lien vers moi avait un attribut data-rel="dialog" qui me donne ce look et un attribut data-transition="pop" pour que l'animation de transition soit de type "pop". Sans cela, mon style serait identique à celui d'une page normale.