JQuery läuft nicht richtig. Wie fehlerfrei einbinden?

  • truplaya truplaya
    R2-D2
    0 x
    85 Beiträge
    0 Hilfreiche Beiträge
    21. 12. 2011, 12:45

    Hallo,

    habe eine relativ alte Typo3 Installation (4.0.2)..,.
    Versuche JQuery Element einzubinden. Via

    seite.headerData.10 = TEXT
    seite.headerData.10.value (
    <!-- Include jQuery first. -->
    <script type="text/javascript" ETC ETC
    )

    leider gibt es beim Aufruf der Seite Probleme.
    Das JQuery-Elemet (ein Bild Accordion) wird bei Chrome und Co. fehlerhaft und bei IE-Explorer
    "richtig fehlerhaft" angezeigt.
    Gleicher Code ausserhalb T3 auf meinem Webserver funktioniert einwandfrei.

    Diese jQuery Extension kann ich leider nicht einbauen, da meine T3 Version zu alt ist.
    Scheue mich vor Update.

    Gibt es irgendeinen "Trick" o.ä. welchen ich übersehen habe?

    Hat jmd. gleiche Erfahrungen gemacht und kann mir weiterhelfen???

    Würde mich sehr über AW freuen, da ich gerne JQuery einsetzen würde.

    Gruß
    Tim


  • 1
  • SomehowLost SomehowLo...
    Jedi-Meister
    0 x
    278 Beiträge
    0 Hilfreiche Beiträge
    22. 12. 2011, 10:08

    Hallo Tim,

    sind zwar etwas wenig Infos (was für Fehler werden angezeigt? Wird jQuery denn korrekt in den HTML-Quelltext eingebunden?) aber ich versuch mal mein Bestes.

    Versuche jQuery und Dein Accordion mal wie folgt einzubinden:

    1. page.includeJS.jQuery = path/to/jQuery.js
    2. page.includeJS.accordion = path/to/accordion.js

    Möglicherweise baut die alte Typo3 Version das <script>-Tag nicht richtig auf (passiert bei meinen alten Installationen ganz gern mal).

    Ansonsten noch die Überlegung: Gibt es noch andere JS-Frameworks wie Prototye oder Mootools? Dann müsstest Du Dein jQuery Accordion TS noch mit jQuery.noConflict() erweitern.

    Viele Grüße,
    Andreas

    [url=http://www.andreas-hoffmeyer.de/]Andreas Hoffmeyer - Websites & mehr...[/url]
    [url=http://typo3-4-newbies.blogspot.de/]TYPO3 für Einsteiger: typo3-4-newbies.blogspot.de[/url]

  • truplaya truplaya
    R2-D2
    0 x
    85 Beiträge
    0 Hilfreiche Beiträge
    28. 12. 2011, 12:03

    Hallo Andreas,

    vielen Dank für Deine AW.
    Die Fehler sind unterschiedlich, bei Chrome und FF wird ein Teil (Höhe) des Accordions abgeschnitten.
    Bei IE ist nur "Salat" zu sehen. Evtl. werden die css Dateien nicht richtig gezogen?

    Wie genau binde ich Deinen Code ein?
    Ich habe es gemäß Deinen Anweisungen gemacht, und ins SETUP des Root-Templates eingefügt, ohne Erfolg.
    Gebe den Pfad absolut an, sollte kein Problem sein, oder?
    Im Quelltext sehe ich rein garnichts.

    hier mein Code:
    seite.includeJS.jQuery = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
    seite.includeJS.accordion = "http://www.meinedomain/absoluter/pfad/zum.js"

    Ich habe sogar aus "Verzweiflung" spasseshalber versucht die "saubere" lösung (auf meinem "Nicht-T3-Webserver") via Iframe einzubinden... Auch hier sieht es fehlerhaft aus...

    Hast Du noch einen Rat???

    Gruß
    Tim

  • SomehowLost SomehowLo...
    Jedi-Meister
    0 x
    278 Beiträge
    0 Hilfreiche Beiträge
    28. 12. 2011, 15:00

    Hallo Tim,

    das mit dem Root-Template war vollkommen richtig (allerdings ohne die Anführungszeichen).
    Wenn Du Skripte von externen Quellen ziehst, musst Du dies noch zusätzlich mit angeben:

    1. page.includeJS.jQuery = http://www.meinJquery.de/jquery.js
    2. page.includeJS.jQuery.external = 1

    Der Rest war richtig ;)

    Sollte die jQuery-Bibliothek nicht gezogen werden, lade Dir diese doch einfach runter und bau diese dann ein.

    Wenns nicht geklappt hat, gerne auch per PM.

    Viele Grüße,
    Andreas

    [url=http://www.andreas-hoffmeyer.de/]Andreas Hoffmeyer - Websites & mehr...[/url]
    [url=http://typo3-4-newbies.blogspot.de/]TYPO3 für Einsteiger: typo3-4-newbies.blogspot.de[/url]

  • 1