Maison >interface Web >js tutoriel >Helloworld de jQueryMobile et méthodes de changement de page_jquery

Helloworld de jQueryMobile et méthodes de changement de page_jquery

WBOY
WBOYoriginal
2016-05-16 16:15:571112parcourir

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.

Copier le code Le code est le suivant :
🎜> a

Titel

Chinesisch ist kein Problem aaa

    ​​​ 🎜>                                                                                                                                                                                                                                                                                                



Sie können also die folgende Webseite schreiben:




Die Themendiskussion auf w3cschool ist etwas veraltet. Bitte beachten Sie, dass die neueste Version der integrierten Themen von jQueryMobile gelöscht wurde und nur noch zwei Typen übrig sind. Die integrierten Symbole von jQueryMobile lauten wie folgt:




Zum Debuggen sollten Sie erweiterte Browser wie Google Chrome und Firefox verwenden, da der mit WIN7 gelieferte IE8 viele Kompatibilitätsprobleme aufweist. Schließlich wird dieses Produkt zum Schreiben mobiler Seiten verwendet. Gehen Sie also nicht davon aus, dass jQueryMobile verwendet wird zu Computerseiten.

Ich hoffe, dass dieser Artikel für das jQueryMobile-Programmdesign aller hilfreich sein wird.
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn