| IndigoHollow |
26.11.2013 11:01 |
Конфликт jquery.js?ver=1.8.3 и common.js?ver=3.5.1
Установил на главную страницу слайдер. Для его корректной работы подключил скрипты в <head>:
http://doublemilk.ru/templates/mysite/js/jquery.js
http://doublemilk.ru/templates/mysite/js/common.js
Подключал так:
<script src="{$system.tpldir}/js/jquery.js?ver=1.8.3" type="text/javascript"></script>
<script src="{$system.tpldir}/js/common.js?ver=3.5.1" type="text/javascript"></script>
Из-за них перестала работать галерея. Т.е. открываешь в альбоме фотографию, а она не открывается в lightbox, а загружается внизу страницы. Можно увидеть это в любом из альбомов тут:
http://doublemilk.ru/gallery/photo/
Если поменять эти скрипты местами, то галерея работает корректно, но слайдер на главной странице не работает.
Можно ли как-то это исправить? Читал про jQuery noConflict в документации по jQuery, но понятия не имею что надо прописать в качестве конфликтующего кода.
Полный "букет" подключенных скриптов вот:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='{$system.tpldir}/js/jquery.cycle.all.min.js'></script>
<script type='text/javascript' src='{$system.tpldir}/js/presentationCycle.js'></script>
<script src="{$system.tpldir}/js/calendar_ru.js" type="text/javascript"></script>
<!--<script src="{$system.tpldir}/js/jquery-1.10.2.min.js"></script>-->
<script src="{$system.tpldir}/js/lightbox-2.6.min.js"></script>
<script src="{$system.tpldir}/js/modernizr.custom.js"></script>
<script type="text/javascript" src="{$system.tpldir}/js/JQuery.js"></script> <!--Для второго слайдера-->
<!--SLIDER1-->
<link rel="stylesheet" type="text/css" href="{$system.tpldir}/css/slider_accordion.css">
<script src="{$system.tpldir}/js/jquery.js?ver=1.8.3" type="text/javascript"></script> <!--если этот скрипт перед common.js, то работают оба слайдера на главной странице, но не работает галерея-->
<script src="{$system.tpldir}/js/common.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/jquery.easing.1.2.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/cufon-yui.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/slider_accordion.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/superfish.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/jquery.prettyPhoto.js?ver=3.5.1" type="text/javascript"></script>
<script src="{$system.tpldir}/js/jquery-dc-tips.1.0.js?ver=3.5.1" type="text/javascript"></script>
<script type="text/javascript">
function AjaxFormRequest(result_id) {literal}{{/literal}
var date1 = $('input[name*="date1"]').val();
var time = $('select[name*="time"]').val();
var stol = $('select[name*="stol"]').val();
var people = $('input[name*="people"]').val();
var name = $('input[name*="name"]').val();
var phone = $('input[name*="phone"]').val();
$.ajax({literal}{{/literal}
type: "POST",
url: "mail1.php",
data: {literal}{{/literal} date1: date1, time : time, stol: stol, people: people, name : name, phone: phone {literal}}{/literal}
{literal}}{/literal}).done(function(msg) {literal}{{/literal}
$('#' + result_id).html(msg);
{literal}}{/literal});
{literal}}{/literal}
</script>
|
