Hier nog even beschrijving van hoe ik het nu heb gedaan.
opslaan van jQuery code
Ik heb de map
uploads/scripts/jQuery aangemaakt, waarin alle jQuery code wordt opgeslagen.
De kerncode van jQuery (jquery-1.7.1.min.js) staat hier, voor iedere jQuery-toepassing maak ik een submap aan waarin alle code van die toepassing wordt opgeslagen. Voor
scrollable betreft dat het bestand
jquery.tools.min.js.
Bij het bovenbeschreven probleem met
scrollable was ook sprake van een functie, die onderin de content was opgenomen en waarvan stv zei "stop het lekker in je functions.js". Deze functie staat nu in het bestand
scrollable.functions.js en niet meer onderin de content van mijn eigen pagina.
Zo is er voor elke jQuery-toepassing een eigen submap met een of meer .js-bestanden. Alles staat dus bij elkaar, wat het onderhoud vergemakkelijkt.
HTML-blok haalt alle jQuery op
Vervolgens heb ik een HTML-blok
call-jQuery-library geschreven, dat alle jQuery code in één keer ophaalt:
Code: Select all
{literal}
<!-- call jQuery -->
<__script__ type="text/javascript" src="uploads/scripts/jQuery/jquery-1.7.1.min.js"></__script>
<!-- call willekeurige andere jQuery scripts -->
(...)
<!-- end willekeurige andere jQuery scripts -->
<!-- call scrollable -->
<__script__ type="text/javascript" src="uploads/scripts/jQuery/scrollable/jquery.tools.min.js"></__script>
<__script__ type="text/javascript" src="uploads/scripts/jQuery/scrollable/scrollable.functions.js"></__script>
<!-- end scrollable -->
<!-- call overige jQuery scripts -->
(...)
<!-- end overige jQuery scripts -->
{/literal}
De eerste call laadt jQuery, daarna volgen de calls naar alle scripts die ik nodig heb, ook scrollable
inclusief de functie die hem activeert.
plaats alles in de <head>
Alle benodigde jQuery-code wordt opgehaald in de de <head>-tag:
Code: Select all
<head>
(...)
{* haal jQuery libraries op *}
{global_content name='call-jQuery-library'}
{* end jQuery *}
</head>
Alle jQuery-code wordt zo en in de <head>-tag geplaatst en is beschikbaar op de site.
Frank
PS
Ik heb niets aangepast ivm de "base href", zoals stv suggereerde - alles werkt naar behoren zonder die aanpassing.