jQuery - Метод noConflict()

Что, если Вы хотите использовать другие платформы на своих страницах, по-прежнему используя jQuery?

jQuery и Другие Платформы JavaScript

Как Вы уже знаете; jQuery использует знак $ в качестве ярлыка для jQuery.

Что, если другие платформы JavaScript также используют знак $ в качестве ярлыка?

Вот некоторые другие популярные платформы JavaScript: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman и Ext JS.

Некоторые из других платформ также используют символ $ в качестве ярлыка (точно так же, как jQuery), и в результате у Вас могут оказаться две различных платформы, использущие тот же самый ярлык, что могло бы привести к тому, что Ваш сценарий прекращает работать.

Команда jQuery уже думала об этом, и реализовала метод noConflict().

jQuery Метод noConflict()

Метод noConflict() освобождает идентификатор ярлыка $, так, чтобы другие сценарии могли использовать его.

Можно, конечно, все еще использовать jQuery, просто записывая полное имя вместо ярлыка:

Пример

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery по-прежнему работает!");
  });
});

Попробуйте сами »

Можно также создать свой собственный ярлык очень легко. Метод noConflict() возвращает ссылку на jQuery, которую можно сохранить в переменной для последующего использования. Вот пример:

Пример

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery по-прежнему работает!");
  });
});

Попробуйте сами »

Если у Вас есть блок кода jQuery, который использует ярлык $, и Вы не хотите изменять его целиком, можно передать знак $ в качестве параметра методу ready. Это позволяет Вам обращаться к jQuery, используя $ внутри этой функции - за ее пределами необходимо использовать "jQuery":

Пример

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery по-прежнему работает!");
  });
});

Попробуйте сами »

Далее: Примеры jQuery

Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)