jQuery Plugins schreiben: $.widget und die Sache läuft!

Ihr möchtet ein individuelles jQuery JavaScript Plugin schreiben, das auf DOM Elemente Anwendung findet und sich verhält, wie man es von jQuery positiv gewohnt ist?

Keine einfache Sache, wenn man alles selbst - und richtig - machen will. Erstklassige Unterstützung bietet $.widget mit seiner vordefinierten Funktionalität.

Anstatt selbst einen "prototype" komplex mit Optionen, privaten und öffentlichen Funktionen zu versehen, nutzt ihr $.widget.
Dies ermöglicht die Verwendung vordefinierter Definitionen, wie

  • Ein Optionen-Objekt, das bei der Instanziierung problemlos überschrieben und erweitert werden kann, ohne manuell $.extend zu benötigen.
  • Private Funktionen, um interne Hilfsfunktionen abzudecken
  • Öffentliche Funktionen, um zusätzliche Aufrufe auf dem Objekt zu ermöglichen
  • Einen Konstruktor
  • Einen Destruktor
  • ... und weitere "Magie"!

Alles, wie man es z.B. von den jQuery UI Plugins kennt. Konsistenz gesichert, ein Traum!

Mehr zu erfahren gibt es im Tutorial unter:
http://learn.jquery.com/plugins/stateful-plugins-with-widget-factory/

Noch ein Tipp

Um auf öffentliche Funktionen des Widgets zuzugreifen, wird einfach der Funktionsname als erster Parameter und die weiteren Parameter der Funktion als Folgeparameter an das Widget-Objekt selbst übergeben.
Beispiel:

  1. // Eure öffentliche Funktion heißt "foo", dann lautet der Aufruf:
  2. jQuery('#xyz').myWidget(); // Init
  3. jQuery('#xyz').myWidget('foo', 'par1', 123, 'yzz'); // Öffentliche Funktion aufrufen!
  4.  
  5. <javascript>

Kommentare

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt. Wenn Sie ein zulässiges Avatar mit Ihrer E-Mail-Adresse verknüpft haben, wird dieses als Avatar verwendet.

Weitere Informationen über Formatierungsoptionen

Aktualisieren Geben Sie die Zeichen ein, die Sie im Bild sehen. Geben Sie die im Bild dargestellten Zeichen ein; wenn Sie diese nicht lesen können, senden Sie das Formular ohne Eingabe ab, um ein neues Bild zu generieren. Groß-/Kleinschreibung wird nicht beachtet.  Switch to audio verification.