Пример решения конфликта:
<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/
Комментарии
Комментарии отсутствуют, Вы можете быть первым