Neueste Web-Entwicklung Tutorials
 

jQuery - noConflict() Method


Was ist, wenn Sie andere Frameworks auf Ihren Seiten verwenden möchten, während immer noch mit jQuery?


jQuery und andere JavaScript-Frameworks

Wie du bereits weißt; jQuery verwendet das $ Zeichen als Abkürzung für jQuery.

Es gibt viele andere beliebte JavaScript - Frameworks wie: Angular, Backbone, Ember, Knockout , und vieles mehr.

Was ist, wenn andere JavaScript-Frameworks auch das $ -Zeichen als Abkürzung benutzen?

Wenn zwei verschiedene Frameworks unter Verwendung der gleichen Abkürzung sind, einer von ihnen könnten aufhören zu arbeiten.

Das jQuery - Team haben bereits darüber nachgedacht, und implementiert die noConflict() Methode.


Die jQuery noConflict() Methode

Die noConflict() Methode gibt den Halt auf dem $ Abkürzung Kennung, so dass andere Skripte sie verwenden können.

Sie können natürlich noch jQuery verwenden, indem Sie einfach den vollständigen Namen anstelle der Verknüpfung zu schreiben:

Beispiel

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
Versuch es selber "

Sie können auch ganz einfach Ihre eigene Verknüpfung erstellen. Die noConflict() Methode gibt einen Verweis auf jQuery, dass Sie in einer Variablen, für die spätere Verwendung speichern können. Hier ist ein Beispiel:

Beispiel

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

Wenn Sie einen Block von jQuery - Code haben, der die verwendet $ Abkürzung und Sie wollen nicht , es ist alles zu ändern, können Sie den Pass $ Zeichen als Parameter in den Bereitschaftsmethode. Auf diese Weise können Sie mit jQuery für den Zugriff auf $ , innerhalb dieser Funktion - außerhalb davon, müssen Sie verwenden "jQuery":

Beispiel

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
Versuch es selber "

jQuery Misc Referenz

Für eine komplette Übersicht aller Methoden jQuery Misc, gehen Sie bitte auf unsere jQuery Misc Referenz .