Metoda jQuery noConflict()

Jak jednocześnie używać jQuery i innych frameworków na stronie?

jQuery i inne frameworki JavaScript

Jak już pewnie wiecie, jQuery używa symbolu $ jako skrótu dla jQuery.

Co zrobić, jeśli inne frameworki JavaScript również używają symbolu $ jako skrótu?

Inne一些 JavaScript frameworki obejmują: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman oraz Ext JS.

Niektóre inne frameworki JavaScript również używają symbolu $ jako skrótu (jak jQuery), jeśli używasz dwóch różnych frameworków, które używają tego samego skrótu, może to spowodować zatrzymanie działania skryptu.

Zespół jQuery rozważył ten problem i zaimplementował metodę noConflict().

Metoda jQuery noConflict()

Metoda noConflict() uwalnia kontrolę nad identyfikatorem $, co pozwala innym skryptom na jego użycie.

Przykład

Oczywiście, możesz nadal używać pełnej nazwy zamiast skrótu, aby używać jQuery:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery nadal działa!");
  );
);

Spróbuj sam

Przykład

Możesz również utworzyć swoje własne skróty. Metoda noConflict() zwraca odniesienie do jQuery, które możesz zapisać w zmiennej do późniejszego użycia. Oto przykład:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery nadal działa!");
  );
);

Spróbuj sam

Przykład

Jeśli Twój blok kodu jQuery używa skrótu $ i nie chcesz zmieniać tej funkcji skrótu, możesz przekazać symbol $ jako zmienną do metody ready. W ten sposób możesz używać symbolu $ wewnątrz funkcji - a poza nią, nadal będziesz musiał używać "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery nadal działa!");
  );
);

Spróbuj sam

Podręcznik referencyjny jQuery

Aby uzyskać pełne omówienie metod nuklearnego jQuery, odwiedź naszą Podręcznik referencyjny jQuery.