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-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 boks erstatter vi og bygger en ny uordnet liste som vil fungere som basis for meny-widgeten:
Dette gir oss den attraktive og fullt tastaturgjengelige spinneren:
API for spinner er omfattende med en rekke konfigurerbare alternativer, tilpassede arrangementer og metoder. Alternativene vi kan bruke til å konfigurere widgeten, er som følger:
De unike metodene vi kan bruke til å utløse spesialistadferd i widgeten inkluderer:
Det er også noen tilpassede arrangementer vi kan bruke til å koble til nøkkelinteraksjon, som er som følger:
Verktøytips-widgeten lar oss lage rike, attraktive verktøytips ved å bruke, som standard, tittelattributtet. Ethvert element som kan ha et tittelattributt kan gi et verktøytips lagt til, og gir nyttig tilleggsinformasjon til et skjema ved hjelp av enkle koblinger.
? ?
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.
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.
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.