Statische Funktion $.pulse.warpspeed = function($obj) { var opts = { speed: 25, pulses: 100, fadeLow: 0.2, fadeHigh: 0.8 }; doPulse($obj,opts); } // Standard-Optionen für das Pulse-Plugin $.fn.pulse.defaults = { speed: "slow", pulses: 2, fadeLow: 0.2, fadeHigh: 1 }; })(jQuery); Der Aufruf der statischen Methoden in Ihrem Plugin ist sehr einfach. Sie müssen nur ein gültiges Objekt übergeben, mit dem sie arbeiten sollen: // Aufruf der Methode impulse für das erste zurückgegebene Element jQuery.pulse.impulse(jQuery('p:first'));
// Aufruf der Methode warpspeed für das erste zurückgegebene Element jQuery.pulse.warpspeed(jQuery('p:first')); Diskussion Wenn Sie im Gültigkeitsbereich Ihres Plugins eine statische Funktion hinzufügen möchten, dann müssen Sie nur eine Möglichkeit ergänzen, mit der Code außerhalb Ihres Plugins diese aufrufen kann. Dies erreichen Sie, indem Sie die Funktion an das jQuery-Objekt anhängen. Im vorigen Beispiel haben wir ein Namensraum-Objekt hinzugefügt, um die Struktur unseres Codes in einem besseren Zustand zu wahren. Wenn Sie nur eine einzelne statische Funktion benötigen, wäre es auch in Ordnung, diese Funktion ohne ein Namensraum-Objekt bereitzustellen. Nach dem Hinzufügen unseres Namensraum-Objekts definieren wir unsere Funktion ganz normal und fügen sie an das soebene erstellte Namensraum-Objekt an. Damit stellen wir unsere Funktion im globalen Namensraum bereit, ermöglichen es ihr aber gleichzeitig, auf private Funktionen und Variablen zuzugreifen. Will man die statische Funktion nutzen, dann muss man sie einfach nur über das jQuery-Objekt aufrufen. Diese Funktion wird ohne jQuery-Selektoren aufgerufen. Um also mit einem DOM-Element arbeiten zu können, muss dieses explizit an die Funktion übergeben werden. Eine statische Funktion, die an das jQuery-Objekt angehängt wird, ist ein weiteres Beispiel für die Flexibilität der jQuery-Bibliothek. Ihr gesamtes Plugin kann aus statischen Funktionen bestehen, die den jQuery Core auf interessante Art erweitern. Eine statische Funktion könnte als Einstiegspunkt für Ihr Plugin dienen, aber auch einfach eine Hilfs-Methode sein, die Sie nützlich finden und die der Einfachheit halber in Ihrem Plugin eingebettet ist, so dass sie auch von anderen Entwicklern genutzt werden kann. Statische Funktionen können sehr nützlich und leistungsfähig sein, wenn Sie Ihr eigenes jQuery-Plugin bauen.
Unit Tests für Ihr Plugin mit QUnit Problem Sie wollen die Qualität und Zuverlässigkeit Ihres jQuery-Plugins verbessern, indem Sie Unit Tests dafür erstellen. Aber wie schreiben Sie diese Tests und wie liefern Sie sie mit Ihrem Plugin aus? Lösung Am einfachsten schreibt man Unit Tests für ein jQuery-Plugin mit QUnit, dem gleichen Framework für Unit Tests, das auch das jQuery-Projekt selbst nutzt. Mit QUnit können Sie Ihre Testst direkt in JavaScript schreiben und sie zusammen mit Ihrem Plugin ausliefern, so dass sie von Ihren Anwendern in deren Browsern ausgeführt werden können: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">