Share
jQuery UI 1.8 è in circolazione da un po 'di tempo. Infatti, è attualmente in versione 1.8.16. jQuery UI 1.9 è in fase di sviluppo attivo e porta un numero di nuovi widget sul tavolo, insieme ai soliti miglioramenti in termini di stabilità e prestazioni.
I più grandi cambiamenti sono, naturalmente, i nuovi widget stessi, ma ci sono anche state modifiche ad alcuni dei widget esistenti. Guarderemo prima i nuovi widget. I widget sono nelle fasi avanzate di sviluppo, ma è necessario essere consapevoli che le API del widget sono ancora soggette a modifiche fino a quando non sono completamente finalizzate.
Il widget del menu può essere utilizzato autonomamente per trasformare un elenco di collegamenti ipertestuali in un menu navigabile percorribile, tastiera e mouse
Il widget del menu, precedentemente parte del widget di completamento automatico, è stato scomposto nel proprio plug-in per riutilizzarlo in altri componenti. Può essere usato standalone per trasformare un elenco di collegamenti ipertestuali in un menu navigabile percorribile, tastiera e mouse, ma è il modo migliore di utilizzarlo insieme ad altri widget.
Presenta il Disabilitato opzione, che è condivisa da tutti i widget dell'interfaccia utente jQuery, così come posizione opzione che utilizza l'utilità di posizione per posizionarsi rispetto a un altro elemento. Espone il set standard di metodi; distruggere, disattivare, abilitare, opzione e widget di, così come il metodo unico ricaricare che viene utilizzato per aggiornare il menu quando vengono aggiunti nuovi elementi. Inoltre, attiva una serie di hook di eventi incluso creare, messa a fuoco, sfocatura e selezionare. Gli ultimi tre eventi sono passati a un oggetto che si riferisce al singolo oggetto che è stato focalizzato, sfocato o selezionato.
Usare il widget è estremamente facile, ovviamente. Ad esempio, potremmo trasformare una semplice casella di selezione in qualcosa di più attraente usando il widget del menu:
Avremo bisogno del nostro script per leggere le opzioni in casella che stiamo sostituendo e creare una nuova lista non ordinata che servirà come base del widget del menu:
Questo ci dà la filatura attraente e completamente accessibile alla tastiera:
L'API per lo spinner è ampia con una gamma di opzioni configurabili, eventi e metodi personalizzati. Le opzioni che possiamo usare per configurare il widget sono le seguenti:
I metodi unici che è possibile utilizzare per attivare il comportamento degli specialisti nel widget includono:
Ci sono anche alcuni eventi personalizzati che possiamo usare per collegare l'interazione con le chiavi, che sono le seguenti:
Il widget tooltip ci consente di creare tooltip ricchi e attraenti usando, di default, l'attributo title. Qualsiasi elemento che può avere un attributo title può avere un tooltip aggiunto, fornendo utili informazioni supplementari a un modulo usando link semplici.
? ?
Quindi tutto ciò che dobbiamo fare è chiamare il metodo tooltip sui nostri elementi:
$ ( "Tip") tooltip ().;
Questo genererà tooltip usando il titolo attributi degli elementi:
Oltre a usare il titolo attributo, possiamo usare il soddisfare opzione di configurazione per specificare un mezzo alternativo per aggiungere contenuto al suggerimento, potremmo usare il contenuto testuale di un nascosto elemento per esempio:
Accentsconagua
? Per calcolare il tuo indice di massa corporea devi semplicemente dividere la tua altezza in chilogrammi in base alla tua altezza in metri quadrati $ (". alt-tip"). tooltip (content: function () return $ ("# bmi"). text ();, position: my: "center bottom", at: "center top" ); Ora il tooltip prenderà il contenuto testuale del nostro :
Usiamo anche il posizione opzione di configurazione per riposizionare il suggerimento in questo esempio.
Il widget popup dovrebbe essere pronto per la versione 1.9. Come il widget di menu che abbiamo visto in precedenza, il popup è un widget di basso livello progettato per essere utilizzato da altri widget.
In realtà è ancora più a basso livello del menu e non ha alcuna interfaccia utente visibile. Alla fine costituirà la base di tutti i widget che mostrano qualsiasi tipo di popup, quindi aspettati di vederlo elencato come una dipendenza per il menu, il suggerimento e probabilmente altri widget come la finestra di dialogo.
jQuery UI 1.9 sarà una versione speciale, molto simile a 1.7 era un paio di anni fa. Non solo mette a disposizione nuovi widget per il toolkit dell'interfaccia utente, correzioni di bug e miglioramenti delle prestazioni, ma apporta anche molte modifiche all'API di ogni singolo widget.
L'interfaccia utente di jQuery è attualmente in fase di enorme riscrittura, con tutti i widget esistenti ricreati con nuove API semplificate che renderanno l'apprendimento e l'estensione della libreria molto più semplici, con questi cambiamenti che culmineranno nella versione 2.0. Alcune di queste riscrizioni introdurranno cambiamenti improvvisi ai widget esistenti. Ciò è inevitabile e, in effetti, è essenziale se vogliamo vedere l'avanzamento della libreria, ma per semplificare la transizione i widget riscritti continueranno a funzionare utilizzando la sintassi esistente per tutto il ciclo di vita di 1.9 e le vecchie API non saranno completamente rimosse (ove possibile) fino alla versione 2.0.
Quindi, questo è l'inizio di un periodo estremamente entusiasmante per gli utenti dell'interfaccia utente di jQuery, con nuovi widget che appaiono, migliori API e prestazioni migliorate e un generale affinamento a tutti gli aspetti della libreria UI ufficiale per jQuery.
