jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript

8 juillet 2011
Par

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.

jquery-framework-js

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 :

<script src="jquery.js"></script>
<script src="mootools.js"></script>

Puis il vous suffira d’utiliser jQuery au lieu de $ pour tout vos codes jquery, comme ceci :

 jQuery(document).ready(function(){
       jQuery(".maclass").show();
 });

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 :

Tags: , , , , , , , , ,

5 Responses to jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript

  1. Hervé on 9 juillet 2011 at 8 h 32 min

    Salut,

    Petite astuce, le code peut être remplacé comme ceci :
    jQuery(document).ready(function($){
    $(“.maclass”).show();
    });

  2. LudiKadmin on 9 juillet 2011 at 10 h 31 min

    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é ;)

  3. [...] jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript [...]

  4. [...] jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript [...]

  5. [...] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } blog.ludikreation.com – Today, 7:19 [...]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


*

Rubriques