Heim >Web-Frontend >js-Tutorial >Helloworld von jQueryMobile und Seitenwechselmethoden_jquery

Helloworld von jQueryMobile und Seitenwechselmethoden_jquery

WBOY
WBOYOriginal
2016-05-16 16:15:571118Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie jQueryMobile verwenden, um den Effekt des gleitenden Umblätterns zu erzielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

jQuery Mobile ist die Version von jQuery für Mobiltelefone und Tablet-Geräte. jQuery Mobile wird nicht nur die jQuery-Kernbibliothek auf Mainstream-Mobilplattformen bringen, sondern auch ein vollständiges und einheitliches jQuery-Mobile-UI-Framework veröffentlichen. Unterstützt globale Mainstream-Mobilplattformen. Dies bedeutet, dass die Seite schnell in die APP-Oberfläche geschrieben werden kann, sodass Benutzer die Webseite durchsuchen können, was der Verwendung einer übersichtlichen App entspricht.

Laden Sie zunächst ein komprimiertes Paket von jQueryMobile herunter (Klicken Sie hier, um es von dieser Site herunterzuladen) und ziehen Sie dann den gesamten Inhalt des komprimierten Pakets in Ihren Site-Ordner, obwohl die Webseite nur auf jquery verweist. mobile-1.4.5.js und jquery.mobile-1.4.5.css, aber außer dem Dokumentations-Demoordner sind auch andere Hilfsdateien unverzichtbar. Obwohl seine JS-Dateien mit CSS-Dateien identisch sind, integriert es nicht alle Funktionen in einem JS wie Bootstrap. Wenn bestimmte Ordner fehlen, werden einige Symbole möglicherweise nicht angezeigt. Bitte ändern Sie außerdem den Namen des ursprünglichen Stammordners jquery.mobile-1.4.5 in jqmobile oder etwas anderes. Der Ordner enthält jedoch .-diese Satzzeichen. Andernfalls verweisen Sie auf jquery.mobile-1.4.5.js Die Webseite ist möglicherweise mit jquery.mobile-1.4.5.css ungültig.

Gleichzeitig erfordert jquery.mobile als Plug-in jQuery1.11-Unterstützung. Sie können auf der offiziellen jQuery-Website jQuery1.11 herunterladen, das mit dem alten Browser IE6 kompatibel ist, anstelle von jQuery2 ist nicht kompatibel mit dem alten Browser IE6. Fügen Sie die heruntergeladene jQuery1.11.js mit der jQueryMobile-Datei zusammen. Wie unten gezeigt:

Danach können Sie die Seite auf der Webseite schreiben. Weitere Informationen finden Sie in den Kommentaren.

Code kopieren Der Code lautet wie folgt:
🎜> a

Titre

Le chinois n'est pas un problème aaa

    ​​​ 🎜>                                                                                                                                                                                                                                                                                                                 



Vous pouvez donc écrire la page web suivante :




La discussion sur les thèmes sur w3cschool est un peu obsolète. Veuillez noter que la dernière version des thèmes intégrés de jQueryMobile a été supprimée, ne laissant que deux types. Les icônes intégrées de jQueryMobile sont les suivantes :




Pour le débogage, vous devez utiliser des navigateurs avancés tels que Google Chrome et Firefox, car IE8 fourni avec WIN7 présente de nombreux problèmes de compatibilité. Après tout, ce produit est utilisé pour écrire des pages mobiles, alors ne présumez pas que jQueryMobile est appliqué. aux pages informatiques.

J'espère que cet article sera utile à la conception du programme jQueryMobile de chacun.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn