Nativement, Drupal 7 est livré avec la version 1.4.4 de jQuery. Cette version est nécessaire pour faire fonctionner correctement la partie administration et quelques widgets et modules populaires du front.
Il existe un plugin jQuery Update, mais il ne permet de monter que jusqu’à la version 2.1.x.
Le plugin jQuery Multi permet quant à lui d’utiliser une version plus récente (au choix du développeur).
Avant toute installation, créer un dossier <racine_de_mon_projet>/sites/all/libraries/jquery/ qui contient la version de jQuery qu’on souhaite utiliser. Le libellé du fichier doit être sous la forme suivante: jquery-<version>.js. Exemple: jquery-3.0.0.min.js.
Installer ensuite le module. On peu le faire avec Drush et la commande suivante (qui permet d’installer et d’activer le module immédiatement) :
|
1 |
drush drush en <module_name> -y |
Chaque plugin jQuery que vous souhaiterez utiliser sous couvert de la version déclarée par le plugin jqmulti devra:
- être copié dans
<racine_de_mon_projet>/sites/all/libraries/(à chaque librairie son dossier) - être déclaré via le BO. Sous
Configuration > Systeme > jQuery Multi Settings
Pour finir, n’oubliez pas que le code devant être exécuté avec jQuery 3.0.0 devra être encapsulé de la sorte avec un alias jq300 (pour « jQuery-3.0.0 ») :
|
1 2 3 4 5 6 7 8 9 10 |
(function($){ jQuery(document).ready(function(){ // Foundation plugins initialization $(document).foundation(); // off-canvas var globalWidth = Foundation.Box.GetDimensions(document.getElementById('globalWidth')); console.log(globalWidth); }); })(jq300); |