Share
jQuery UI 1.8 har funnits en stund nu. I själva verket är det för närvarande på version 1.8.16. jQuery UI 1.9 är under aktiv utveckling och ger ett antal nya widgets till bordet, tillsammans med de vanliga förbättringarna i stabilitet och prestanda.
De största förändringarna är förstås de nya widgetsna själva, men det har också ändrats några av de existerande widgetsna. Vi ska titta på de nya widgetsna först. Widgetarna är i de avancerade utvecklingsstadierna, men du bör vara medveten om att widgetens API-filer fortfarande kan ändras tills de är fullständigt färdiga.
Meny-widgeten kan användas fristående för att omvandla en lista med hyperlänkar till en meny, tangentbord och mus som kan navigera
Meny-widgeten, som tidigare var del av widgeten för autofullständning, har delats ut i sitt eget plugin för återanvändning i andra komponenter. Den kan användas fristående för att omvandla en lista med hyperlänkar till en meny, tangentbord och mus som kan navigera men används bäst i kombination med andra widgets.
Den har Inaktiverad alternativet, som delas av alla jQuery UI-widgets, såväl som placera alternativ som använder positionsverktyget för att positionera sig i förhållande till ett annat element. Det avslöjar standardmetoden; förstöra, inaktivera, Gör det möjligt, alternativ och widget, liksom den unika metoden refresh som används för att uppdatera menyn när nya objekt läggs till. Det bränder också en rad händelsehakar inklusive skapa, fokus, fläck och Välj. De senaste tre händelserna skickas ett objekt som hänvisar till det enskilda objektet som var fokuserat, suddigt eller valt.
Att använda widgeten är extremt lätt, förstås. Till exempel kan vi omvandla en enkel valruta till något mer attraktivt med hjälp av meny-widgeten:
Vi behöver vårt skript för att läsa igenom alternativen i rutan ersätter vi och bygger en ny oorderad lista som kommer att fungera som basen för meny-widgeten:
Detta ger oss den attraktiva och fullständigt tangentbordsmatchade spinnaren:
API för spinner är omfattande med en rad konfigurerbara alternativ, anpassade händelser och metoder. Alternativen vi kan använda för att konfigurera widgeten är följande:
De unika metoderna som vi kan använda för att utlösa specialistbeteende i widgeten inkluderar:
Det finns också några anpassade händelser som vi kan använda för att koppla in nyckel interaktion, som är följande:
Verktyget widget widget tillåter oss att skapa rika, attraktiva verktygstips med som standard titel attributet. Eventuellt element som kan ha en titelattribut kan ha ett verktygstips lagt till, vilket ger användbar kompletterande information till en blankett med enkla länkar.
? ?
Då behöver vi bara ringa verktygetipsmetoden på våra delar:
$ ( "Spets") tooltip ().
Detta kommer att generera verktygstips med hjälp av titel attribut av elementen:
Förutom att använda titel attribut, vi kan använda innehåll konfigurationsalternativ för att ange ett alternativt sätt att lägga till innehåll i verktygstipset, kan vi använda textinnehållet i en dold element till exempel:
Accentsconagua
? För att beräkna din BMI dela bara din höjd i kilogram med din höjd i meter kvadrerad $ "alt-tip"). tooltip (innehåll: funktion () return $ ("# bmi"). text ();, position: min: "center bottom" ); Nu kommer verktygstipset att ta textinnehållet i vår :
Vi använder också placera konfigurationsalternativ för att placera om verktygstipset i det här exemplet.
Popup-widgeten bör också vara klar för 1.9-utgåvan. Liksom meny-widgeten som vi tittade på tidigare är popup-widgeten en lågnivå widget som är avsedd att användas av andra widgets.
Det är faktiskt ännu lägre på menyn och har ingen synlig användargränssnitt själv. Det kommer så småningom att ligga till grund för alla widgets som visar någon form av popup, så förvänta dig att det visas som ett beroende för menyn, verktygstipset och förmodligen andra widgets som dialogrutan.
jQuery UI 1.9 kommer att vara en speciell version, ungefär som 1,7 för några år sedan. Det ger inte bara nya widgets till UI-verktyget till vårt förfogande, buggfixar och prestandaförbättringar, det kommer också att medföra många ändringar i API för varje enskild widget.
jQuery-användargränssnittet genomgår för närvarande en stor omskrivning, med alla befintliga widgets återskapade med nya, förenklade API-skivor som gör lärandet och utvidgar biblioteket mycket enklare, med dessa ändringar som kulminerade i version 2.0. Några av dessa omskrivningar kommer att introducera brytningsändringar till befintliga widgets. Detta är oundvikligt och är faktiskt viktigt om vi vill se bibliotekets framsteg, men för att göra övergången blir enklare omskrivna widgets fortsätt att fungera med hjälp av befintlig syntax under hela livscykeln 1,9 och de gamla API: erna kommer inte att tas bort helt (om möjligt) tills 2.0-utgåvan.
Så det här är början på en väldigt spännande tid för användare av jQuery UI, med nya widgets som visas, bättre API och förbättrad prestanda och en allmän förfining till alla aspekter av det officiella UI-biblioteket för jQuery.
