Derniers tutoriels de développement web
 

jQuery - noConflict() Method


Que faire si vous souhaitez utiliser d'autres cadres sur vos pages, tout en utilisant jQuery?


jQuery et autres frameworks JavaScript

Comme tu le sais déjà; jQuery utilise le $ signe comme un raccourci pour jQuery.

Il y a beaucoup d' autres cadres populaires JavaScript comme: Angular, Backbone, Ember, Knockout , et plus encore.

Que faire si d' autres frameworks JavaScript utilisent également le signe $ comme un raccourci?

Si deux cadres différents sont en utilisant le même raccourci, l'un d'entre eux pourrait cesser de fonctionner.

L'équipe jQuery ont déjà pensé à ce sujet, et mis en œuvre le noConflict() méthode.


Le jQuery noConflict() Méthode

Le noConflict() méthode libère l'emprise sur le $ identificateur de raccourci, de sorte que d' autres scripts peuvent l' utiliser.

Vous pouvez bien sûr toujours utiliser jQuery, simplement en écrivant le nom complet au lieu du raccourci:

Exemple

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
Essayez - le vous - même »

Vous pouvez également créer votre propre raccourci très facilement. Le noConflict() méthode renvoie une référence à jQuery, que vous pouvez enregistrer dans une variable, pour une utilisation ultérieure. Voici un exemple:

Exemple

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery is still working!");
    });
});
Essayez - le vous - même »

Si vous avez un bloc de code jQuery qui utilise le $ raccourci et vous ne voulez pas changer tout cela, vous pouvez passer le $ signe en tant que paramètre à la méthode prête. Cela vous permet d'accéder à jQuery en utilisant $ , à l' intérieur de cette fonction - en dehors de celui - ci, vous devrez utiliser "jQuery":

Exemple

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
Essayez - le vous - même »

jQuery Divers Référence

Pour un aperçu complet de toutes les méthodes jQuery Tout, s'il vous plaît visitez notre Divers Référence jQuery .