Utilizar jQuery con Typo3

Por defecto Typo3 tiene instaladas las librerias javascript de Mootools y Prototype y si queremos utilizar jQuery nos encontraremos con el problema del símbolo $, que ya no será accesible por jQuery. Así que después de buscar una solución he encontrado una bastante sencilla.

En el siguiente código podemos ver los archivos insertados por Typo3 en la plantilla y las líneas enlazando al API de Google donde se alojan las librerías jQuery y jQueryUI.

A continuación añadimos un script en el que configuraremos un nuevo símbolo para nuestras funciones jQuery:

En el ejemplo añadimos a una capa el efecto slide de la librería jQueryUI.

    var j=jQuery.noConflict();
    j(function() {
        j( "#slideGracias" ).effect(
            'slide',
            {  direction: "up",
                distance: "-283" ,
	        mode: "show"
            },
            1000
        );
    }

El truco está en la línea var j=jQuery.noConflict(). Esto hace que podamos utilizar una j en lugar del símbolo $ típico de jQuery. De esta forma no interferirá con las otras librerías.

Comments