Helloworld dan kaedah penukaran halaman jQueryMobile_jquery

Contoh dalam artikel ini menerangkan cara menggunakan jQueryMobile untuk mencapai kesan perubahan halaman gelongsor. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

jQuery Mobile ialah versi jQuery untuk telefon mudah alih dan peranti tablet. jQuery Mobile bukan sahaja akan membawa pustaka teras jQuery ke platform mudah alih arus perdana, tetapi juga mengeluarkan rangka kerja UI mudah alih jQuery yang lengkap dan bersatu. Menyokong platform mudah alih arus perdana global. Ini bermakna halaman itu boleh ditulis dengan cepat ke dalam antara muka APP, membolehkan pengguna menyemak imbas halaman web, yang setara dengan menggunakan aplikasi yang disusun dengan baik.

Mula-mula, muat turun pakej termampat dari jQueryMobile (Klik di sini untuk memuat turun dari tapak ini), dan kemudian tarik semua kandungan pakej termampat ke folder tapak anda, walaupun halaman web hanya merujuk jquery. mobile-1.4.5.js dan jquery.mobile-1.4.5.css, tetapi fail tambahan lain sangat diperlukan kecuali folder demo dokumentasi. Walaupun fail jsnya adalah sama dengan fail css, ia tidak menyepadukan semua fungsi ke dalam satu js seperti Bootstrap Jika folder tertentu tiada, sesetengah ikon mungkin tidak dipaparkan. Selain itu, sila tukar nama folder akar asal jquery.mobile-1.4.5 kepada jqmobile atau sesuatu yang lain, terdapat .-tanda baca ini dalam folder jika tidak, rujuk jquery.mobile-1.4.5.js halaman web mungkin tidak sah dengan jquery.mobile-1.4.5.css.

Pada masa yang sama, jquery.mobile, sebagai pemalam, memerlukan sokongan jQuery1.11 Anda boleh pergi ke tapak web rasmi jQuery untuk memuat turun jQuery1.11 yang serasi dengan pelayar lama IE6, bukannya jQuery2 yang. tidak serasi dengan pelayar lama IE6. Letakkan jQuery1.11.js yang dimuat turun bersama-sama dengan fail jQueryMobile. Seperti yang ditunjukkan di bawah:

Selepas itu, anda boleh menulis halaman di halaman web Kod adalah seperti berikut.

Salin kod Kod adalah seperti berikut:

🎜> 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.