Share
jQuery UI 1.8 existe depuis un moment. En fait, il est actuellement sur la version 1.8.16. jQuery UI 1.9 est en cours de développement et apporte un certain nombre de nouveaux widgets, ainsi que les améliorations habituelles en termes de stabilité et de performances..
Les changements les plus importants concernent, bien sûr, les nouveaux widgets eux-mêmes, mais des modifications ont également été apportées à certains des widgets existants. Nous allons d'abord regarder les nouveaux widgets. Les widgets sont à un stade avancé de développement, mais vous devez savoir que leurs API sont toujours susceptibles de changer jusqu'à ce qu'elles soient complètement finalisées..
Le widget de menu peut être utilisé de manière autonome pour transformer une liste de liens hypertexte en un menu navigable thématique, avec clavier et souris.
Le widget de menu, qui faisait auparavant partie du widget de saisie semi-automatique, a été divisé en son propre plug-in pour être réutilisé dans d'autres composants. Il peut être utilisé de manière autonome pour transformer une liste d'hyperliens en un menu navigable thématique, avec clavier et souris, mais il est préférable de l'utiliser conjointement avec d'autres widgets..
Il comporte le désactivée option, partagée par tous les widgets jQuery UI, ainsi que par le position option qui utilise l'utilitaire de position pour se positionner par rapport à un autre élément. Il expose l'ensemble standard de méthodes. détruire, désactiver, activer, option et widget, ainsi que la méthode unique rafraîchir qui est utilisé pour mettre à jour le menu lorsque de nouveaux éléments y sont ajoutés. Il déclenche également une série de crochets d’événement, notamment créer, concentrer, brouiller et sélectionner. Les trois derniers événements reçoivent un objet faisant référence à l'élément individuel ciblé, flou ou sélectionné..
L'utilisation du widget est extrêmement facile, bien sûr. Par exemple, nous pourrions transformer une simple boîte de sélection en quelque chose de plus attrayant en utilisant le widget de menu:
Nous aurons besoin de notre script pour lire les options du nous remplaçons et construisons une nouvelle liste non ordonnée qui servira de base au widget de menu:
Cela nous donne le spinner attrayant et entièrement accessible au clavier:
L'API pour spinner est étendue avec une gamme d'options configurables, d'événements et de méthodes personnalisés. Les options que nous pouvons utiliser pour configurer le widget sont les suivantes:
Les méthodes uniques que nous pouvons utiliser pour déclencher un comportement spécialisé dans le widget sont les suivantes:
Il existe également certains événements personnalisés que nous pouvons utiliser pour nous associer à une interaction clé, qui sont les suivants:
Le widget info-bulle nous permet de créer des info-bulles attrayantes et riches en utilisant, par défaut, l’attribut title. Une info-bulle peut être ajoutée à tout élément pouvant avoir un attribut title, fournissant ainsi des informations supplémentaires utiles à un formulaire à l'aide de liens simples..
? ?
Il suffit ensuite d’appeler la méthode infobulle sur nos éléments:
Accentsconagua
$ (". tip"). tooltip (); Cela générera des info-bulles en utilisant le Titre attributs des éléments:
En plus d'utiliser le Titre attribut, on peut utiliser le contenu option de configuration pour spécifier un autre moyen d’ajouter du contenu à l’info-bulle, nous pourrions utiliser le contenu textuel d’une élément par exemple:
? Pour calculer votre IMC, divisez simplement votre taille en kilogrammes par votre taille en mètres carrés $ (". alt-tip"). tooltip (content: function () return $ ("# bmi"). text ();, position: my: "center bottom", en: "center top" ); Maintenant, l'info-bulle prendra le contenu du texte de notre :
Nous utilisons également le position Option de configuration pour repositionner l'info-bulle dans cet exemple.
Le widget popup devrait également être prêt pour la version 1.9. Comme le widget de menu que nous avons vu précédemment, la popup est un widget de bas niveau conçu pour être utilisé par d'autres widgets..
En fait, il est encore plus bas que le menu et n'a pas d'interface utilisateur visible. Il finira par constituer la base de tous les widgets qui affichent tout type de popup, alors attendez-vous à le voir répertorié comme une dépendance du menu, de l'info-bulle et probablement d'autres widgets tels que la boîte de dialogue..
jQuery UI 1.9 sera une version spéciale, un peu comme 1.7 l’était il ya quelques années. Cela apportera non seulement de nouveaux widgets à la boîte à outils d'interface utilisateur, des corrections de bogues et des améliorations de performances, mais apportera également de nombreux changements à l'API de chaque widget..
jQuery UI fait actuellement l'objet d'une vaste réécriture. Tous les widgets existants sont recréés à l'aide de nouvelles API simplifiées qui faciliteront l'apprentissage et l'extension de la bibliothèque. Ces modifications aboutissent à la version 2.0. Certaines de ces réécritures introduiront des modifications de rupture des widgets existants. Ceci est inévitable et essentiel si nous souhaitons voir la bibliothèque progresser, mais pour faciliter la transition, les widgets réécrits continueront à fonctionner avec la syntaxe existante tout au long du cycle de vie de la version 1.9 et les anciennes API ne seront pas complètement supprimées. (si possible) jusqu'à la version 2.0.
C’est donc le début d’une période extrêmement excitante pour les utilisateurs de jQuery UI, avec l’apparition de nouveaux widgets, de meilleures API, de meilleures performances et un raffinement général de tous les aspects de la bibliothèque d’interface utilisateur officielle de jQuery..
