Hallo @FloC3,
schau doch mal in deinen Theme-Einstellungen, ob du das „Asynchrone Laden von Javascript Dateien“ aktiviert hast.
Dies sorgt dafür, dass unsere Javascript-Dateien, inklusive der jQuery Library, asynchron nachgeladen werden.
Dein Javascript Code in einer Template-Datei wird jedoch sofort geladen, sobald das Document ready ist.
Solltest du das asynchrone Laden aktiviert haben, musst du deinen Code quasi so aufrufen:
document.asyncReady(function () {
[dein Code hier]
});
Dazu hier die Implementierung der o.g. asyncReady Funktion.
Übrigens:Wenn du deinen Code durch das Theme einbindest, so wie von @Misengo vorgeschlagen, dürfte es auch ohne asyncReady funktionieren.
Gruß,
Patrick