Конфликт Jquery версий
Добрый день!
Простите за заезженную тему про конфликт версий, но самому разобраться не удается. Помогите пожалуйста: Имею неск скриптов в шаблоне HTML. Вижу разные версии JQuery. Не удается их помирить :( (удалить лишние версии не могу, т.к. отвечают за разные функции в сайте) <head> <script src="http://google.com/jsapi"></script> <script>google.load("jquery","1.4.2");</script> <script type="text/javascript" src="{{ 'jquery.timers-1.2.js' | asset_url }}"></script> <!-- Инициализировать библиотеку REES46 --> <script src="//cdn.rees46.com/rees46_script2.js" charset="UTF-8"></script> <script type="text/javascript"> REES46.init('1c10b60fb1ffeb845ccaf1d3845fbd', null, function() { }); </script> <script type="text/javascript"> if (REES46.initialized) { var email = 'тот email, что оставил пользователь'; params = "email=" + encodeURIComponent(email); params += "&declined=false"; params += "&shop_id=" + encodeURIComponent(REES46.shop_id); params += "&ssid=" + encodeURIComponent(REES46.ssid); REES46.ajax(REES46._SUBSCRIPTIONS_URL, 'POST', params); } </script> <meta name="viewport" content="width=device-width; initial-scale=1.0" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- подключаем последнюю версию jQuery --> <script type="text/javascript"> //Обработка клика на стрелку вправо $(document).on('click', ".carousel-button-right",function(){ var carusel = $(this).parents('.carousel'); right_carusel(carusel); return false; }); //Обработка клика на стрелку влево $(document).on('click',".carousel-button-left",function(){ var carusel = $(this).parents('.carousel'); left_carusel(carusel); return false; }); function left_carusel(carusel){ var block_width = $(carusel).find('.carousel-block').outerWidth(); $(carusel).find(".carousel-items .carousel-block").eq(-1).clone().prependTo($(carusel).find(".carousel-items")); $(carusel).find(".carousel-items").css({"left":"-"+block_width+"px"}); $(carusel).find(".carousel-items .carousel-block").eq(-1).remove(); $(carusel).find(".carousel-items").animate({left: "0px"}, 200); } function right_carusel(carusel){ var block_width = $(carusel).find('.carousel-block').outerWidth(); $(carusel).find(".carousel-items").animate({left: "-"+ block_width +"px"}, 200, function(){ $(carusel).find(".carousel-items .carousel-block").eq(0).clone().appendTo($(carusel).find(".c arousel-items")); $(carusel).find(".carousel-items .carousel-block").eq(0).remove(); $(carusel).find(".carousel-items").css({"left":"0px"}); }); } $(function() { auto_right('.carousel:first'); }) function auto_right(carusel){ setInterval(function(){ if (!$(carusel).is('.hover')) right_carusel(carusel); }, 5000) } $(document).on('mouseenter', '.carousel', function(){$(this).addClass('hover')}) $(document).on('mouseleave', '.carousel', function(){$(this).removeClass('hover')}) </script> </head> Спасибо большое заранее за помощь! |
волшебная строчка чтобы мирить jquery (только надо место угадать для вставки:))
var MyjQuery123 = jQuery.noConflict(); ну и номер конфликтной версии вместо 123 написать Если модератор разрешит, поставлю ссылку на тот сайт, где нашел. Засекаю контрольные сутки работы библиотек с этой строчкой (переживаю, что через N-выполнений начнет глючить) |
Часовой пояс GMT +3, время: 14:57. |