JQuery Kochbuch (German Edition)

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
    



    


    Figure 3-9 zeigt das Ergebnis.
    Figure 3-9. Code-Ausgabe (ein Bild blendet in ein anderes über)
    Mit nur einer Zeile Code konnten wir einen Slideshow-Effekt erzielen, bei dem automatisch ein Bild in ein anderes überblendet wird. Das Cycle-Plugin lässt sich selbst auch noch erweitern, weil es so entwickelt wurde, dass Programmierer eigene Übergangseffekte und Layouts hinzufügen können.
    Diskussion
    jQuery besitzt eine der größten Entwickler-Communities unter den JavaScript-Bibliotheken. Diese sorgt für eine große Anzahl an Plugins und Tutorien im Web. Es bietet unter http://plugins.jquery.com ein Plugin-Repository an, in das die Autoren ihre Plugins einstellen können. Es gibt dort aktuell mehr als 1.600 Plugins in allen möglichen Kategorien. Die Plugin-Autoren können dabei ihre Plugins einreichen und eine Beschreibung, sowie einen Link auf das Plugin wie auch auf die Dokumentation angeben. Damit können Entwickler bequem nach genau der Funktionalität suchen, die sie benötigen.
    Die Chancen stehen nicht schlecht, dass Sie als Entwickler ein Plugin finden, das Ihre Anforderungen erfüllt. Aber falls das doch einmal nicht der Fall sein sollte, ist es auch nicht schwer, selbst ein Plugin zu erstellen. Hier ein paar Hinweise:
    Geben Sie Ihrer Datei den Namen
jquery.[Name des Plugins].js
, wie in
jquery.debug.js
.
Alle neuen Methoden werden dem Objekt
jQuery.fn
angefügt, alle Funktionen dem jQuery-Objekt selbst.
Innerhalb von Methoden ist
this
eine Referenz auf das aktuelle jQuery-Objekt.
Alle Methoden oder Funktionen, die Sie anfügen, müssen ein Semikolon (;) am Ende besitzen, ansonsten funktioniert der Code nach dem Komprimieren nicht mehr.
Ihre Methode muss das jQuery-Objekt zurückgeben, solange nicht explizit auf etwas anderes hingewiesen wird.
Sie sollten
this.each
nutzen, um über das aktuelle Set mit selektierten Elementen zu iterieren – damit wird ein sauberer und kompatibler Code erzeugt.
Verwenden Sie in Ihrem Plugin-Code immer
jQuery
anstatt
$
– damit können die Anwender den Alias für jQuery an einer einzigen Stelle ändern.
    Mehr Informationen und Beispiele zum Erstellen von Plugins finden Sie auf der Authoring-Seite auf der Dokumentations-Site von jQuery , oder Sie springen direkt zu Chapter 12 , wo Mike Hostetler sich um die Details kümmert.

Die verwendete Selektion bestimmen
    Problem
    Wenn man ein Plugin oder eine Methode schreibt, die jQuery erweitert, muss man eventuell wissen, wie die Selektion und der Kontext genau aussahen, als die Methode aufgerufen wurde, um die Methode erneut aufrufen zu können.
    Lösung
    Wir können die Core-Eigenschaften
.selector
und
.context
nutzen, um die ursprüngliche Selektion erneut zu erstellen. Wir brauchen aber auf jeden Fall beide Eigenschaften, da nicht alle Selektionen, die unsere Funktion oder unser Plugin erreichen, über den Standard-Kontext vorgenommen werden:
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    
    
    
    


    


    Figure 3-10 zeigt das Ergebnis.
    Figure 3-10. Code-Ausgabe (Alert-Box)
    Diskussion
    Im vorigen Beispiel