TYPO3: Holen Sie sich ein javascript enthalten, die von "headerData" zu laden, bevor man durch "includeJS"

Ich bin das laden von JQuery in meine TYPO3 Seite von : 

page.headerData.10.value = <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

und ich bin auch meine javascript-so : 

page.includeJS {
  file20 = fileadmin/templates/myjq.js
}

Punkt ist, muss ich das JQuery geladen werden ersten. aber TYPO3 bringt es nach meinem Skript.
Wie bekomme ich es getauscht?

Dank

InformationsquelleAutor noviolence | 2010-08-23
  1. 15

    wollen Sie nicht gehören JQuery, die Weise; Verwenden

    page.includeJSlibs.jquery.external = 1
page.includeJSlibs.jquery = //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

    statt.

    http://typo3.org/documentation/document-library/core-documentation/doc_core_tsref/4.3.2/view/1/6/

    Bearbeiten
    Über eine URL ohne ein bestimmtes Protokoll (http oder https) sorgt dafür, dass die Integration funktioniert über SSL und nicht-SSL-Websites.

    • Denken Sie daran, zu vermeiden, mit einem beliebigen Protokoll beim laden von Bibliotheken von CDN...
    • Ich habe das Protokoll entfernt von dem obigen Beispiel.
    • Warum würde ich nicht wollen, gehören die jQuery über includeJs? Was ist der Unterschied?
    InformationsquelleAutor DerSchreiner
  2. 7

    Kleines add-on zu Patrick Schriner alle js-Dateien in einem Rutsch. Es wird auch sicherzustellen, dass die ausgewählten Dateien werden zuerst geladen.

    Können Sie fügen Sie eine Zeile (forOnTop) zu zwingen, Ihr jQuery auf top. Sonst javascript mehr oft scheint zu sein, inklusive last zu beschleunigen das laden der Seite. In diesem Beispiel nehme ich mehrere Dateien. Spezifisch für jQuery ist die jQuery[forceOnTop] zu ... na ja, selv erklären, denke ich.

    includeJS {
   1 = fileadmin/templates/website/scripts/javascript.js
   2 = EXT:ogelementslide/res/jquery.easing.1.3.js
   3 = EXT:ogelementslide/res/jquery.easing.compatibility.js
   4 = EXT:ogelementslide/res/jquery.bxSlider.min.js
   jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
   jquery.external = 1
   jquery.forceOnTop = 1
}

    Bitte beachten Sie, dass die zahlen 1-4 und jQuery sind äquivalent. Ich könnte das geschrieben haben 5 statt jQuery. In diesem Fall wäre es gewesen:

    includeJS {
   1 = fileadmin/templates/website/scripts/javascript.js
   2 = EXT:ogelementslide/res/jquery.easing.1.3.js
   3 = EXT:ogelementslide/res/jquery.easing.compatibility.js
   4 = EXT:ogelementslide/res/jquery.bxSlider.min.js
   5 = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
   5.external = 1
   5.forceOnTop = 1
}

    BR. Anders

    InformationsquelleAutor Tillebeck
  3. 6
    page.headerData.10 = TEXT    
page.headerData.10.value (
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="fileadmin/templates/myjq.js"></script>
    )

    ... und ja, müssen Sie Runde Klammern hier 🙂 Statt TEXT kann man auch HTML verwenden.

    Bearbeiten: Sie können es auch tun, wie dies

    page.headerData.10.value = <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
page.headerData.20.value = <script type="text/javascript" src="fileadmin/templates/myjq.js"></script>
    InformationsquelleAutor Rito
Schreibe einen Kommentar