Il n'est pas inhabituel aujourd'hui d'utiliser plusieurs frameworks javascript dans ses sites web. Cependant l'intégration de plusieurs frameworks causes souvent des problèmes de conflit.
Pourquoi ?
Les frameworks javascript utilisent souvent la méthode
$() pour utiliser par exemple un sélecteur CSS.
CODE
$('#ttm_div').css('color','blue');
Le fait que la plupart des frameworks utilisent
$() provoquent des conflits, le résultat étant que le script désiré ne fonctionne pas ou plus.
Comment résoudre ce problème ?
Jquery met à disposition une méthode pour palier à ce problème :
noConflict();
Voici comment l'utiliser.
CODE
var J = jQuery.noConflict();
J('#ttm_div').css('color','blue');
Nous définisons un variable J.
Cette variable remplace désormais le sélecteur
$() comme ceci :
J()
Information importante
Il est primordiale d'intégrer vos librairies Jquery en dernier dans votre code HTML sous peine que la méthode noConflict(); ne fonctionne pas.
CODE
<script type="text/javascript" src="mootools.js">
<script type="text/javascript" src="prototype.js">
<script type="text/javascript" src="jquery.js">