L'exemple de cet article décrit comment utiliser jQueryMobile pour obtenir l'effet de rotation de page coulissante. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
jQuery Mobile est la version de jQuery pour les téléphones mobiles et les tablettes. jQuery Mobile apportera non seulement la bibliothèque principale jQuery aux plates-formes mobiles grand public, mais publiera également un cadre d'interface utilisateur mobile jQuery complet et unifié. Prend en charge les plates-formes mobiles grand public mondiales. Cela signifie que la page peut être rapidement écrite dans l'interface de l'APP, permettant aux utilisateurs de parcourir la page Web, ce qui équivaut à utiliser une application bien présentée.
Tout d'abord, téléchargez un package compressé depuis jQueryMobile (Cliquez ici pour télécharger depuis ce site), puis extrayez tout le contenu du package compressé dans le dossier de votre site, bien que la page Web ne fasse référence qu'à jquery. mobile-1.4.5.js et jquery.mobile-1.4.5.css, mais d'autres fichiers auxiliaires sont indispensables à l'exception du dossier de démonstration de la documentation. Même si ses fichiers js sont les mêmes que les fichiers css, il n'intègre pas toutes les fonctions dans un seul js comme Bootstrap. Si certains dossiers sont manquants, certaines icônes peuvent ne pas s'afficher. De plus, veuillez changer le nom du dossier racine d'origine jquery.mobile-1.4.5 en jqmobile ou autre chose. Quoi qu'il en soit, il y a .-ces signes de ponctuation dans le dossier. Sinon, faites référence à jquery.mobile-1.4.5.js. la page Web Peut être invalide avec jquery.mobile-1.4.5.css.
En même temps, jquery.mobile, en tant que plug-in, nécessite le support de jQuery1.11. Vous pouvez vous rendre sur le site officiel de jQuery pour télécharger jQuery1.11 qui est compatible avec l'ancien navigateur IE6, au lieu de jQuery2 qui. n'est pas compatible avec l'ancien navigateur IE6. Assemblez le jQuery1.11.js téléchargé avec le fichier jQueryMobile. Comme indiqué ci-dessous :
Après cela, vous pouvez écrire la page sur la page Web. Le code est le suivant. Veuillez consulter les commentaires pour plus de détails.