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

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 :

Author: Franck Pertegas

Share This Post On

2 Comments

  1. Salut,

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

    Post a Reply
  2. 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é 😉

    Post a Reply

Trackbacks/Pingbacks

  1. jQuery – Validation – Plugin de validation de formulaire | LudiBlog - [...] jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript [...]
  2. GMap3 – Plugin jQuery pour API Google Maps 3ème version | LudiBlog - [...] jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript [...]
  3. jQuery – Compatibilité – Utiliser jQuery avec un autre Framework javascript | LudiBlog | Développement Web et sites | Scoop.it - [...] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } blog.ludikreation.com - Today, 7:19 [...]

Submit a Comment

Votre adresse e-mail ne sera pas publiée.