Разрабатывая код для дистрибуции, очень важно исключить любой возможный конфликт имен. Что произойдет, если какой-то скрипт, импортированный вслед за вашим, тоже имел бы функцию $? Полная фигня!

Решение – либо вызвать jQuery noConflict(), либо хранить свой код в самовызываемой анонимной функции, а затем передать ей jQuery.

Метод 1: NoConflict

var j = jQuery.noConflict();
// здесь вместо $ мы используем j.
j('#someDiv').hide();
 
// строка внизу сошлется на функцию $ другой библиотеки.
$('someDiv').style.display = 'none';

Будьте осторожны с этим методом и постарайтесь не использовать его при дистрибуции своего кода. Он реально собьет с толку пользователя вашего скрипта!

Метод 2: Передача jQuery

(function($) {
// в этой функции $ всегда будет ссылаться на jQuery 
})(jQuery);

Последние круглые скобки внизу автоматически вызывают функцию – function(){}(). Однако при вызове функции мы также передаем jQuery, который затем представлен $.

Метод 3: Передача $ посредством метода Ready

jQuery(document).ready(function($) {
// $ ссылается на jQuery 
});
 
// $ либо не определено, либо ссылается на функцию другой библиотеки.

Добавлено: 18 Апреля 2018 10:35:10 Добавил: Андрей Ковальчук Нравится 0

Добавить