Share
jQuery UI 1.8 bestaat al een tijdje. In feite is het momenteel op versie 1.8.16. jQuery UI 1.9 wordt momenteel actief ontwikkeld en brengt een aantal nieuwe widgets naar de tafel, samen met de gebruikelijke verbeteringen in stabiliteit en prestaties.
De grootste veranderingen zijn natuurlijk de nieuwe widgets zelf, maar er zijn ook wijzigingen aangebracht aan sommige van de bestaande widgets. We zullen eerst naar de nieuwe widgets kijken. De widgets bevinden zich nog in een vergevorderd stadium van ontwikkeling, maar u moet zich ervan bewust zijn dat de API's van de widget nog kunnen worden gewijzigd totdat ze volledig zijn voltooid.
De menuwidget kan standalone worden gebruikt om een lijst met hyperlinks om te zetten in een navigeerbaar menu dat kan worden aangepast aan het toetsenbord en de muis
De menuwidget, die eerder deel uitmaakte van de widget voor automatisch aanvullen, is uitgebroken in zijn eigen plug-in voor hergebruik in andere componenten. Het kan stand-alone worden gebruikt om een lijst met hyperlinks om te zetten naar een bruikbaar, toetsenbord en muis navigeerbaar menu, maar kan het best worden gebruikt in combinatie met andere widgets.
Het beschikt over de invalide optie, die wordt gedeeld door alle jQuery UI-widgets, evenals de positie optie die het positiehulpprogramma gebruikt om zichzelf te positioneren ten opzichte van een ander element. Het legt de standaardset van methoden bloot; vernietigen, onbruikbaar maken, in staat stellen, keuze en widget, evenals de unieke methode verversen die wordt gebruikt om het menu bij te werken wanneer nieuwe items eraan worden toegevoegd. Het vuurt ook een reeks gebeurtenishaken inclusief creëren, focus, vervagen en kiezen. De laatste drie gebeurtenissen worden doorgegeven aan een object dat verwijst naar het individuele item dat gefocust, wazig of geselecteerd was.
Het gebruik van de widget is natuurlijk heel eenvoudig. We kunnen bijvoorbeeld een eenvoudig selectiekader omzetten in iets mooiers met de menuwidget:
We hebben ons script nodig om de opties in de. Te lezen box die we vervangen en een nieuwe ongeordende lijst maken die als basis van de menuwidget zal dienen:
Dit geeft ons de aantrekkelijke en volledig voor het toetsenbord toegankelijke spinner:
De API voor spinner is uitgebreid met een reeks configureerbare opties, aangepaste evenementen en methoden. De opties die we kunnen gebruiken om de widget te configureren zijn als volgt:
De unieke methoden die we kunnen gebruiken om specialistisch gedrag in de widget te activeren, zijn:
Er zijn ook enkele aangepaste evenementen die we kunnen gebruiken om deel te nemen aan de belangrijkste interactie, die als volgt zijn:
Met de tooltip-widget kunnen we rijke, aantrekkelijke tooltips maken met standaard het attribuut title. Elk element dat een titelattribuut kan hebben, kan een tooltip toegevoegd hebben, die nuttige aanvullende informatie aan een formulier verschaft met behulp van eenvoudige koppelingen.
? ?
Dan hoeven we alleen maar de tooltip-methode op onze elementen te vermelden:
$ ( "Tip") tooltip (.);
Dit genereert tooltips met behulp van de titel attributen van de elementen:
Evenals het gebruik van de titel attribuut, we kunnen de inhoud configuratieoptie om een alternatief middel voor het toevoegen van inhoud aan de tooltip op te geven, zouden we de tekstinhoud van een verborgen kunnen gebruiken element bijvoorbeeld:
Accentsconagua
? Om uw BMI te berekenen, verdeelt u uw lengte in Kilogram eenvoudig door uw lengte in vierkante meters $ (". alt-tip"). tooltip (content: function () return $ ("# bmi"). text ();, position: my: "centre bottom", bij: "center top" ); Nu neemt de tooltip de tekstinhoud van onze :
We gebruiken ook de positie configuratieoptie om de tooltip in dit voorbeeld te verplaatsen.
De popup-widget zou ook klaar moeten zijn voor de 1.9-release. Net als de menuwidget waar we eerder naar keken, is de pop-up een widget op een laag niveau die is ontworpen om door andere widgets te worden gebruikt.
Het is zelfs nog meer een laag niveau dan het menu en heeft geen zichtbare UI zelf. Het zal uiteindelijk de basis vormen van alle widgets die een pop-up laten zien, dus verwacht dat het wordt weergegeven als een afhankelijkheid van het menu, de tooltip en waarschijnlijk andere widgets zoals het dialoogvenster.
jQuery UI 1.9 zal een speciale uitgave zijn, ongeveer zoals 1.7 een paar jaar geleden. Het brengt niet alleen nieuwe widgets naar de UI-toolkit tot ons beschikking, bugfixes en prestatieverbeteringen, het brengt ook veel veranderingen met zich mee in de API van elke afzonderlijke widget.
jQuery UI ondergaat momenteel een enorme herschrijving, waarbij alle bestaande widgets worden nagebouwd met nieuwe, vereenvoudigde API's die het leren en uitbreiden van de bibliotheek veel gemakkelijker zullen maken, met deze wijzigingen culminerend in versie 2.0. Sommige van deze herschrijvingen introduceren breuken in bestaande widgets. Dit is onvermijdelijk en is in feite essentieel als we de voortgang van de bibliotheek willen zien, maar om de overgang gemakkelijker herschreven te maken, zullen widgets blijven functioneren met behulp van bestaande syntax gedurende de hele levenscyclus van 1,9 en de oude API's zullen niet volledig worden verwijderd (waar mogelijk) tot versie 2.0.
Dus dit is het begin van een enorm spannende tijd voor gebruikers van jQuery UI, met nieuwe widgets die verschijnen, betere API's en verbeterde prestaties en een algemene verfijning voor alle aspecten van de officiële UI-bibliotheek voor jQuery.
