jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript
Encore une fois un petit article suite à des questions que l’on me pose souvent. Aujourd’hui, comment rendre compatible jQuery avec une autre librairie javascript comme mootools ou scriptaculous, par exemple. En effet, ces librairies utilisent parfois les même éléments et notamment le fameux « $ ». En toute logique, il ne faudrait développer qu’avec un seul et unique Framework javascript, mais il peut arriver que vous héritez d’un projet déjà en place ou que certaines contraintes vous poussent à utiliser 2 librairies. Heureusement, jQuery est prévu pour et est vraiment très adaptable.
Pour utiliser jQuery avec une autre librairie, et ainsi rendre ces 2 frameworks compatibles, la meilleure solution est de déclarer jQuery avant toute autre librairie :
[pastacode lang= »markup » manual= »%3Cscript%20src%3D%22jquery.js%22%3E%3C%2Fscript%3E%0A%3Cscript%20src%3D%22mootools.js%22%3E%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]
Puis il vous suffira d’utiliser jQuery au lieu de $ pour tout vos codes jquery, comme ceci :
[pastacode lang= »javascript » manual= »jQuery(document).ready(function()%7B%0AjQuery(%22.maclass%22).show()%3B%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]
Et d’utiliser votre autre librairie normalement. Rien de plus simple grâce à jQuery.
Vous pouvez notamment utiliser la fonction : jQuery.noConflict(), mais pour ça je vous laisse voir l’aide jQuery sur le sujet 😉
Bon code à tous !
Articles qui peuvent vous intéresser :
9 juillet 2011
Salut,
Petite astuce, le code peut être remplacé comme ceci :
jQuery(document).ready(function($){
$(« .maclass »).show();
});
9 juillet 2011
Bonjour Hervé,
En effet, si vous n’aimez pas avoir à taper jQuery, il est possible de réassigner le $ ou autre, comme le décrit Hervé.
Encore merci pour ta contribution Hervé 😉