Sinnvolle jQuery-Struktur

[molily]

Hallo,

jQuery bietet einem wenig zur Strukturierungsmöglichkeiten. Klar, es gibt $(document).ready() und selbstausführende Funktionen (function() {})(). Aber das sind eigentlich keine Werkzeuge, um JavaScript-Code in Modulen zu strukturieren. Dafür gibt es eigene Techniken. Siehe meine JavaScript-Doku zur Organisation von JavaScripten, speziell:

• Module und Kapselung
• Konstruktoren, Prototypen und Instanzen (Pseudoklassen)

$(".dia-show-starter").click(

var diashow = new diaShow();
       diashow.start();
    );

  
Das wäre ein Beispiel für Pseudoklassen. Das kann man so machen, ja. Wobei die Diashow auch das Event-Handling übernehmen sollte. Von außen kann das konfigurierbar sein. Beispielsweise:  
  
~~~javascript
var diashow = new DiaShow({ starter: '.dia-show-starter' });  
diashow.start();

Grüße,
Mathias