Добрый день!
Простите за заезженную тему про конфликт версий, но самому разобраться не удается. Помогите пожалуйста:
Имею неск скриптов в шаблоне 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>
Спасибо большое заранее за помощь!