Gli ultimi tutorial di sviluppo web
 

jQuery - noConflict() Method


Che cosa succede se si desidera utilizzare altri framework sulle tue pagine, pur utilizzando jQuery?


jQuery e altri framework JavaScript

Come già sai; jQuery utilizza il $ segno come una scorciatoia per jQuery.

Ci sono molti altri framework JavaScript popolari come: Angular, Backbone, Ember, Knockout , e altro ancora.

Che cosa succede se altri framework JavaScript utilizzano il segno $ come una scorciatoia?

Se due quadri diversi utilizzano lo stesso collegamento, uno di loro potrebbe smettere di funzionare.

Il team di jQuery hanno già pensato a questo, e implementato il noConflict() metodo.


Il jQuery noConflict() Metodo

Il noConflict() metodo rilascia la presa sul $ identificatore di scelta rapida, in modo che altri script possono usarlo.

Ovviamente si può ancora usare jQuery, semplicemente scrivendo il nome completo invece del collegamento:

Esempio

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
Prova tu stesso "

È inoltre possibile creare il proprio collegamento molto facilmente. Il noConflict() restituisce un riferimento a jQuery, che è possibile salvare in una variabile, per un uso successivo. Ecco un esempio:

Esempio

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery is still working!");
    });
});
Prova tu stesso "

Se si dispone di un blocco di codice jQuery che usa il $ scorciatoia e non si vuole cambiare tutto, è possibile passare il $ segno come parametro al metodo pronto. Ciò consente di accedere jQuery utilizzando $ , all'interno di questa funzione - al di fuori di esso, si dovrà usare "jQuery":

Esempio

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
Prova tu stesso "

jQuery Varie Riferimento

Per una panoramica completa di tutti i metodi di jQuery Varie, si prega di visitare il nostro jQuery Varie riferimento .