Zum Inhalt springen

Typo3 jQuery in eigener Extention nutzen

Erstellt am 8. Mai 2012 · 2 Antworten · letzte Antwort am 9. Mai 2012

Tags: JavaScript & AJAX, Frage

Truble ·

Hallo,
also ich habe es bislang nicht hinbekommen, jQuery in Typo3 zu benutzen. Mein Code sieht so aus:

page.includeJSFooter.jquery.external=1
page.includeJSFooter.jquery=https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
page.includeJSFooter.myjavascript = fileadmin/template/jquery/myjavascript.js

Habe es auch schon anders eingebunden. Lauf FireBug ist auch alles okay, bis ich in jQuery den DOM aufbauen will:

Der Code in der myjavascript.js sieht so aus:

jQuery(document).ready(function($){
  $('h1').hide();
})

Des Code habe ich als Test eingebunden um alle H1 Überschriften auszublenden. Funktioniert aber leider nicht... In FireBug kommt immer folgender Fehler:

jQuery is not defined
jQuery(document).ready(function($)[...]

auch wenn ich nicht jQuery(document).ready... sondern $(document).ready... schreibe funktioniert es nicht.
Hat jemand eine Idee?

Also benutzen will ich es in einer eigenen Extention

vince ·

servus,

ist das $-Zeichen hier function($) ein Tippfehler? das gehört da nämlich nicht hin.

$(document).ready(function(){
  alert('test');
});

Ansonsten kann's auch sein, dass die Library nicht richtig eingebunden wird (schau dafür mal den Quelltext der Seite an)

Oder vllt. wird schon woanders auf der Seite jQuery eingebunden.

gruß,
vince.

Truble ·

Hallo,
also ich habe das Problem jetzt gelöst. Die Einbindung darf nicht mit footer erfolgen sondern ganz oben im Header. Außerdem $ durch jQuery ersetzen.

Endlich 😉 Das war eine schwere Geburt