Hva du bør være spent på i jQuery UI 1.9

jQuery UI 1.8 har eksistert en liten stund nå. Faktisk er det for øyeblikket på versjon 1.8.16. jQuery UI 1.9 er under aktiv utvikling og bringer en rekke nye widgets til bordet, sammen med de vanlige forbedringene i stabilitet og ytelse.

De største endringene er selvfølgelig de nye widgets selv, men det har også vært endringer i noen av de eksisterende widgets. Vi ser først på de nye widgets. Widgetene er i avanserte utviklingsstadier, men du bør være oppmerksom på at widgetens APIer fortsatt er gjenstand for endring til de er fullført.


Meny Widget

Meny-widgeten kan brukes frittstående for å forvandle en liste over hyperkoblinger til en navigerbar meny, tastatur og mus

Meny-widgeten, tidligere del av autofullførings-widgeten, har blitt brutt ut i sitt eget plugin for gjenbruk i andre komponenter. Den kan brukes frittstående for å omdanne en liste over hyperkoblinger til en navigerbar, tastatur og mus navigasjonsbar meny, men brukes best sammen med andre widgets.

Den har funksjonshemmet alternativet, som deles av alle jQuery UI-widgets, i tillegg til stilling alternativ som bruker posisjonsverktøyet til å posisjonere seg i forhold til et annet element. Den avslører standard sett med metoder; ødelegge, deaktivere, Aktiver, alternativ og widget, så vel som den unike metoden forfriske som brukes til å oppdatere menyen når nye elementer legges til det. Det brenner også en rekke hendelses kroker inkludert skape, fokus, uklarhet og å velge. De tre siste hendelsene er bestått et objekt som refererer til det enkelte elementet som ble fokusert, sløret eller valgt.

Å bruke widgeten er ekstremt lett, selvfølgelig. For eksempel kan vi forvandle en enkel velg boks til noe mer attraktivt ved hjelp av meny-widgeten:

Vi trenger vårt skript for å lese gjennom alternativene i ? ?

Så alt vi trenger å gjøre er å ringe verktøytipsmetoden på elementene våre:

$ ( "Tip") tooltip (.);

Dette vil generere verktøytips ved hjelp av tittel attributter av elementene:

I tillegg til å bruke tittel attributt, vi kan bruke innhold konfigurasjonsalternativ for å angi et alternativt middel til å legge til innhold i verktøylippen, kunne vi bruke tekstinnholdet til et skjult element for eksempel:

? For å beregne din BMI bare del opp høyden din i kilo med høyden i kvadratmeter $ ("alt-tip"). verktøytip (innhold: funksjon () return $ ("# bmi"). tekst ();, stilling: min: "midtbunn" );

Nå vil verktøytipset ta tekstinnholdet til vår :

Vi bruker også stilling konfigurasjonsalternativ for å plassere verktøytipset i dette eksemplet.


popups

Popup-widgeten bør også være klar for 1.9-utgivelsen. Som meny-widgeten som vi så på tidligere, er popup-modulen en lavnivå-widget som er designet for å brukes av andre widgets.

Det er faktisk enda mer lavt nivå at menyen og ikke har noen synlig brukergrensesnitt selv. Det vil til slutt danne grunnlag for alle widgets som viser noen form for popup, så forvent å se den oppført som en avhengighet for menyen, verktøytipset og trolig andre widgets som dialogboksen.


Sammendrag

jQuery UI 1.9 vil være en spesiell utgave, mye som 1,7 var et par år siden. Ikke bare bringer det nye widgets til brukergrensesnittet til vår disposisjon, feilrettinger og ytelsesforbedringer, det vil også medføre mange endringer i API for hver enkelt widget.

jQuery-brukergrensesnittet gjennomgår for øyeblikket en stor omskrivning, med alle eksisterende widgets gjenskapt med nye forenklede APIer som vil gjøre læring og utvidelse av biblioteket mye lettere, med disse endringene som kulminerer i versjon 2.0. Noen av disse omskrivningene vil introdusere bryteendringer til eksisterende widgets. Dette er uunngåelig, og faktisk er det avgjørende hvis vi ønsker å se fremdriften i biblioteket, men for å gjøre overgangen lettere omskrevne widgets vil fortsette å fungere ved hjelp av eksisterende syntaks gjennom hele livssyklusen på 1,9 og de gamle APIene vil ikke bli fjernet fullt ut (der det er mulig) til 2.0-utgaven.

Så dette er begynnelsen på en svært spennende tid for brukere av jQuery UI, med nye widgets som vises, bedre APIer og forbedret ytelse og en generell forfining til alle aspekter av det offisielle UI-biblioteket for jQuery.