Les librairies javascripts sont devenues quasiment incontournable dans le développement d’application interactive sur le web.

Néanmoins, la compatibilité entre elles posent souvent des problèmes lorsqu’on veut les utiliser en même temps.

Le problème réside dans leur utilisation de la méthode $() qui permet de sélectionner un élément avec un sélecteur CSS.

Lorsque deux ou plusieurs framework javascript (Mootools ou Prototype et jQuery)utilisant cette méthode sont sur la même page, on se retrouve avec ce genre d’erreurs :

$ is not a function
$(document).ready is not a function

jQuery, qui tente de s’imposer dans ce milieu, possède une méthode qui permet d’utiliser tout les autres frameworks javascript en cohabitation avec lui-même. Cette méthode ce nomme : noConflict();

Voici comment utiliser cette méthode de plusieurs façons :

La méthode simple

jQuery.noConflict();
jQuery('#madiv').css('color','red');

La méthode pratique (conseillé)

var J = jQuery.noConflict();
J('#madiv').css('color','red');

Fichier JS

%MINIFYHTMLc88077b69b88a1b78e0ea02132447deb13%%MINIFYHTMLc88077b69b88a1b78e0ea02132447deb14%%MINIFYHTMLc88077b69b88a1b78e0ea02132447deb15%

Attention, il faut obligatoirement inclure jQuery en dernier dans vos javascripts, sinon la méthode noConflict() n’aura aucun effet.