Пример решения конфликта:
<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
//Код других библиотек с использованием $
</script>
Отключение идентификатора $ может привести к неправильной работе некоторых плагинов jQuery. Пример решения:
jQuery.noConflict();
(function($){
//Здесь $ будет действовать как алиас jQuery
})(jQuery);
//Здесь $ будет доступен для других библиотек
Пример использования с методом ready():
jQuery.noConflict();
jQuery(document).ready(function($) {
//Здесь $ будет действовать как алиас jQuery
});
//Здесь $ будет доступен для других библиотек
Подключение нескольких версий
Можно подключить несколько версий jQuery библиотек при необходимости.
Пример:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script>
jQueryOld = jQuery.noConflict(true);
jQueryOld.hide('#content'); //1.6.2
$.show('#content'); //1.9.1
</script>
Можно подключать любое количество jQuery библиотек, пример:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script>
j162 = jQuery.noConflict(true);
</script>
<script src="http://code.jquery.com/jquery-1.3.js">
<script>
j13 = jQuery.noConflict(true);
</script>
</head>
<body>
<div id="idLog">
</div>
<script>
var idLog = $("#idLog");
idLog.append("1-я ($): " + $.fn.jquery + "<br />");
idLog.append("2-я (jq162): " + j162.fn.jquery + "<br />");
idLog.append("3-я (jq13): " + j13.fn.jquery + "<br />");
</script>
</body>
</html>
Официальная документация: http://api.jquery.com/jquery.noconflict/
devreadwrite.com



Подборка адаптивных шаблонов для вашей CMS
Статьи по
Как получить и установить HTTPS сертификат на сайта

Комментарии
Комментарии отсутствуют, Вы можете быть первым