Développement d’application Mobile aux lumières de contrôle des deux chambres (3 / 3 étapes)

Étape 3: Utilisation de jQuery Mobile onglets et des Pages avec Evothings

jQueryMobile est le specailized de bibliothèque JavaScript UI plus facile de travailler sur des appareils mobiles, il travaille avec la bibliothèque jQuery.

Nous allons utiliser deux éléments d’interface utilisateur de la bibliothèque :

1. Onglets pour la Navigation
2. Pages pour les nouveaux écrans

Ensuite, j’ai simplement fait deux pages dans mon projet appelé comme LED1.html et LED2.html et ajouté un div avec les balises de données-rôle et nav-bar balises pour déclarer les onglets de navigation (Voir l’image jointe à cette étape).

Étape suivante consistait à encapsuler nos boutons déjà existants en données-rôle = div « principale » car cette div est ce que les onglets de navigation examinera montrant une fois donné la chance.

Maintenant, nous avons inclus des onglets de navigation et aussi enveloppé notre contenu de travailler avec jQueryMobile mais attendez, nous n’avons pas inclus jQueryMobile lui-même, donc télécharger le dernier code source ici et juste extraire jquery.mobile-x.x.x.min.css et jquery.mobile-x.x.x.min.js, placez-le dans vos dossiers de css et de js respectifs, puis relier en LED1.html et LED2.html.

En outre, veuillez noter qu’avec la dernière jQueryMobile, vous devez utiliser la plus récente bibliothèque jQuery ainsi.

C’était aussi simple que cela, votre nouvelle application brillante est prête et maintenant vous pouvez il démo à vos amis, familles clients.

Amusez-vous!