Utiliser jQuery avec d'autres librairies sans conflit (1717 lectures)

200930/01

Comment utiliser jQuery avec d'autres librairies javascript sans conflit ?

Par défaut, jQuery utilise "$" comme raccourci pour "jQuery".
Seulement, ce raccourci est aussi employé par d'autres librairies javascript, comme Prototype, Scriptaculous, Mootoos, ...

Le principe est très simple.

Après avoir chargé vos différentes librairies, il faut changer dans toutes les méthodes propres à jQuery le mot clé "$" par "jQuery", comme par exemple :

jQuery(document).ready(function(){
jQuery("ul.menu li a").click(function() {
jQuery("ul.menu > li.active").removeClass("active");
jQuery(this).parents("li").addClass("active");
});
});
// dessous vos autres méthodes dépendantes des autres librairies

Si vous souhaitez conserver le "$" malgré tout, parce que vous auriez trop de lignes impactées à modifier.
Il va falloir appeler la méthode jQuery.noConflict() avant tout, et après chargement de vos librairies.