Sortie de jQuery Mobile 1.2.0
Avant toute chose, l'équipe tient à remercier les contributeurs de jQuery Mobile qui ont suivi de près les évolutions qui ont mené à la sortie de la version 1.2.0. Elle rajoute d'ailleurs que toute aide est la bienvenue.
Parmi les nouveautés, nous pouvons découvrir :
- un nouveau composant popup. L'idée est de permettre une création facile d'info-bulle simple, de menu, de formulaire popup, de superposition de cartes ou de lightbox avec ce même composant. Basiquement, vous avez besoin d'un lien et d'un conteneur :
Code html : Sélectionner tout 1
2
3
4
5<a href="#popupBasic" data-rel="popup">Open Popup</a> <div data-role="popup" id="popupBasic"> <p>This is a completely basic popup.<p> </div>
Il y a cependant d'autres nouveautés qui concernent les popups ;
- la possibilité de réduire les listes avec l'option data-inset, ainsi que leur personnalisation avec les attributs data-collapsed-icon et data-expanded-icon ;
De plus, l'attribut data-autodividers permet d'obtenir une vision alphabétique de votre liste (séparation par lettre) ;
- un choix de taille pour les boutons de navigation que certains trouvaient trop petits ;
- le support de jQuery core 1.8 ;
- des adaptations CSS (formulaire, boutons, grille, ... ) ;
- une correction au niveau des libellés des boutons radio ;
- des corrections pour la barre de navigation ;
- et bien d'autres.
Il est recommandé d'intégrer les scripts avec ces appels-ci, plutôt que de télécharger les sources sur votre serveur :
| Code html : | Sélectionner tout |
1 2 3 4 | <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> |
jQuery Mobile est compatible avec un grand nombre de plateformes.
Télécharger les sources Démonstrations et documentationSource : annonce officielle