Latest web development tutorials

méthode jQuery noConflict ()

Comment utiliser jQuery et d'autres cadres sur la page?


jQuery et autres frameworks JavaScript

Comme vous l'avez appris, jQuery utiliser le symbole $ car jQuery sténographie.

Si d' autres frameworks JavaScript utilisent le symbole $ comme raccourci pour savoir comment faire?

D'autres frameworks JavaScript comprennent: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google fermeture, Ember, Batman et Ext JS.

Certains cadres utilisent le symbole $ comme raccourci (comme jQuery), si les deux vous utilisez un cadre différent est en utilisant les mêmes abréviations, il peut provoquer le script pour arrêter l'exécution.

équipe jQuery pour examiner cette question, et a réalisé noConflict méthode ().


méthode jQuery noConflict ()

noConflict () méthode va libérer le contrôle sera $ identifier, de sorte que d'autres scripts peuvent l'utiliser.

Bien sûr, vous pouvez toujours la sténographie pour le nom complet d'une autre façon d'utiliser jQuery:

Exemples

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍然在工作!");
});
});

Essayez »

Vous pouvez également créer votre propre raccourci. noConflict () renvoie une référence à jQuery, vous pouvez le mettre dans une variable pour une utilisation ultérieure. Considérons cet exemple:

Exemples

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});

Essayez »

Si vous utilisez le raccourci $ bloc de code jQuery, et vous ne voulez pas changer ce raccourci, vous pouvez mettre $ symbole passé comme un argument pour les méthodes prêtes. Alors que vous pouvez utiliser le symbole $ dans la fonction - et fonctionner en dehors, encore, nous devons utiliser "jQuery":

Exemples

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍然在工作!");
});
});

Essayez »