noConflict – devfrontend.info

Source: Can I use multiple versions of jQuery on the same page?. Utiliser de multiples versions de jQuery dans une même page.

<!-- load jQuery 1.1.3 -->
<script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
<script type="text/javascript">
var jQuery_1_1_3 = $.noConflict(true);
</script>

<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>

var jQuery_1_1_3 = $.noConflict(true);

</script>

var jQuery_1_3_2 = $.noConflict(true);

</script>

A l’utilisation, à la place de $('#selector').function();, vous utiliseriez jQuery_1_3_2('#selector').function(); ou jQuery_1_1_3('#selector').function();

Source : http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

Firebug vous crache des erreurs de type : TypeError : jQuery(...).toto is not a function ?
Vous avez un conflit entre deux ou plusieurs plug-ins.

Utiliser l’une des méthodes ci-dessous peut résoudre le problème :

// Methode 1
jQuery(document).ready(function($){
    /* du code qui utilise $ */ 
});

// Methode 2
(function($) {
    /* du code qui utilise $ */ 
})(jQuery);

// Methode 1

jQuery(document).ready(function($){

/* du code qui utilise $ */

});

// Methode 2

(function($) {

/* du code qui utilise $ */

})(jQuery);

Attention : avec les deux méthodes ci-dessous, vous n’aurez pas accès à d’autres librairies JS que jQuery !

Articles récents

Catégories

Archives

Méta

Étiquette : noConflict

[jQuery] Exploiter $.noConflict(true); pour utiliser plusieurs versions de jQuery dans une même page

[jQuery] jQuery.noConflict() | Résoudre les conflits liés à l’utilisation de plusieurs plug-ins