Share
jQuery UI 1.8 gibt es schon eine Weile. In der Tat ist es derzeit auf Version 1.8.16. jQuery UI 1.9 befindet sich in der aktiven Entwicklung und bringt eine Reihe neuer Widgets sowie die üblichen Verbesserungen bei Stabilität und Leistung mit.
Die größten Änderungen betreffen natürlich die neuen Widgets selbst, aber auch einige der vorhandenen Widgets wurden geändert. Wir werden uns zuerst die neuen Widgets ansehen. Die Widgets befinden sich in fortgeschrittenen Entwicklungsstadien. Sie sollten jedoch wissen, dass die APIs des Widgets bis zur vollständigen Fertigstellung noch geändert werden können.
Das Menü-Widget kann eigenständig verwendet werden, um eine Liste von Hyperlinks in ein themenfähiges, durch Tastatur und Maus navigierbares Menü umzuwandeln
Das Menü-Widget, das zuvor Teil des Autocomplete-Widgets war, wurde in ein eigenes Plugin für die Wiederverwendung in anderen Komponenten aufgeteilt. Es kann eigenständig verwendet werden, um eine Liste von Hyperlinks in ein themenfähiges, durch Tastatur und Maus navigierbares Menü umzuwandeln, es wird jedoch am besten in Verbindung mit anderen Widgets verwendet.
Es kennzeichnet die deaktiviert Diese Option wird von allen jQuery-Benutzeroberflächen-Widgets sowie von der Position Option, die das Positionshilfsprogramm verwendet, um sich relativ zu einem anderen Element zu positionieren. Es macht die Standardmethoden verfügbar. zerstören, deaktivieren, aktivieren, Möglichkeit und Widget, sowie die einzigartige Methode Aktualisierung Mit dieser Option wird das Menü aktualisiert, wenn neue Elemente hinzugefügt werden. Es löst auch eine Reihe von Event-Hooks aus erstellen, Fokus, verwischen und wählen. Bei den letzten drei Ereignissen wird ein Objekt übergeben, das sich auf das einzelne Objekt bezieht, das fokussiert, unscharf oder ausgewählt wurde.
Die Verwendung des Widgets ist natürlich extrem einfach. Beispielsweise können Sie eine einfache Auswahlbox mithilfe des Menü-Widgets in ein attraktiveres Element umwandeln:
Wir benötigen unser Skript, um die Optionen in der Wir ersetzen und erstellen eine neue ungeordnete Liste, die als Basis für das Menü-Widget dient:
Dies gibt uns den attraktiven und vollständig für die Tastatur zugänglichen Spinner:
Die API für Spinner ist umfangreich und bietet eine Reihe konfigurierbarer Optionen, benutzerdefinierter Ereignisse und Methoden. Die Optionen, mit denen wir das Widget konfigurieren können, lauten wie folgt:
Zu den einzigartigen Methoden, die wir verwenden können, um ein spezielles Verhalten im Widget auszulösen, gehören:
Es gibt auch einige benutzerdefinierte Ereignisse, mit denen Sie sich in die Schlüsselinteraktion einbinden können. Diese sind wie folgt:
Das Tooltip-Widget ermöglicht die Erstellung umfassender, attraktiver Tooltips, wobei standardmäßig das title-Attribut verwendet wird. Für jedes Element, das ein title-Attribut haben kann, kann eine QuickInfo hinzugefügt werden, die hilfreiche Zusatzinformationen zu einem Formular mit einfachen Links enthält.
? ?
Dann müssen wir nur noch die Tooltip-Methode für unsere Elemente aufrufen:
Accentsconagua
$ (". tip"). tooltip (); Dies erzeugt Tooltips mit der Titel Attribute der Elemente:
Sowie die Verwendung der Titel Attribut können wir die verwenden Inhalt Konfigurationsoption zur Angabe einer alternativen Methode zum Hinzufügen von Inhalten zur QuickInfo können wir den Textinhalt eines ausgeblendeten verwenden Element zum Beispiel:
? Um Ihren BMI zu berechnen, teilen Sie einfach Ihre Körpergröße in Kilogramm durch Ihre Körpergröße in Quadratmetern $ (". alt-tip"). Tooltip (content: function () return $ ("# bmi"). text ();), Position: my: "center bottom", um: "center top" ); Der Tooltip nimmt nun den Textinhalt von unserem :
Wir benutzen auch die Position Konfigurationsoption, um die QuickInfo in diesem Beispiel neu zu positionieren.
Das Popup-Widget sollte auch für die Version 1.9 bereit sein. Wie bei dem zuvor beschriebenen Menü-Widget ist das Popup ein Widget auf niedriger Ebene, das von anderen Widgets verwendet werden kann.
Es ist sogar noch niedriger als das Menü und hat keine sichtbare Benutzeroberfläche. Es wird schließlich die Basis für alle Widgets bilden, die alle Arten von Popup-Fenstern anzeigen. Erwarten Sie daher, dass es als Abhängigkeit für das Menü, den QuickInfo und möglicherweise auch für andere Widgets wie das Dialogfeld aufgeführt wird.
jQuery UI 1.9 wird eine Sonderversion sein, ähnlich wie 1.7 vor einigen Jahren. Es stellt nicht nur neue Widgets für das zur Verfügung stehende UI-Toolkit, Fehlerbehebungen und Leistungsverbesserungen bereit, sondern bringt auch viele Änderungen an der API jedes einzelnen Widgets mit sich.
Die jQuery-Benutzeroberfläche unterzieht sich derzeit einer umfassenden Überarbeitung. Alle vorhandenen Widgets werden mit neuen, vereinfachten APIs neu erstellt, die das Lernen und Erweitern der Bibliothek wesentlich erleichtern werden. Diese Änderungen werden in Version 2.0 münden. Bei einigen dieser Umschreibungen werden grundlegende Änderungen an vorhandenen Widgets vorgenommen. Dies ist unvermeidlich und in der Tat unerlässlich, wenn der Fortschritt der Bibliothek angezeigt werden soll. Um den Übergang zu vereinfachen, funktionieren neu geschriebene Widgets jedoch unter Verwendung der vorhandenen Syntax während des gesamten Lebenszyklus von 1.9 weiter und die alten APIs werden nicht vollständig entfernt (soweit möglich) bis zum Release 2.0.
Dies ist der Beginn einer äußerst aufregenden Zeit für Benutzer von jQuery UI, mit neuen Widgets, besseren APIs und verbesserter Leistung sowie einer allgemeinen Verfeinerung aller Aspekte der offiziellen UI-Bibliothek für jQuery.
