Freecode Academy

Ошибка при открытии модальных окон на сайте

Меньшенин Андрей
Oct 29, 2016

Подключен плагин модальных окон arcticmodal. Вот шаблон главной страницы:

<!doctype html>
<html class="no-js" lang="">
    <head>
        [[$head]]
        <title>[[*longtitle]] | [[++site_name]]</title>
        [[MinifyX?&cssSources=`
          assets/templates/decol/css/normalize.css,
          assets/templates/decol/css/regForm.css,
          assets/components/ajaxform/css/lib/jquery.jgrowl.min.css,
          assets/templates/decol/css/common.css,
          assets/templates/decol/css/all.css,
          assets/templates/decol/css/main.css,
          assets/templates/decol/css/ideal-image-slider.css
          `
          &jsSources=`
          assets/templates/decol/js/vendor/jquery-2.1.4.min.js,
          assets/templates/decol/js/jquery.arcticmodal-0.3.min.js,
          assets/templates/decol/js/ideal-image-slider.min.js,
          assets/templates/decol/js/plugins.js,
          assets/templates/decol/js/cookie.js,
          assets/templates/decol/js/iis-captions.js
          `
        ]]
        [[+MinifyX.css]]
    </head>
<body>
...
[[+MinifyX.javascript]]

<style>
            .switch_user_bar {
                position: fixed;
                bottom: 0;
                left: 0;
                padding: 10px;
                background: rgba(20,20,20,0.8);
                color: #fff;
            }
            .switch_user_bar a {
                color: #fff;
                text-decoration: underline;
            }
            .switch_user_bar a:hover {
                color: #fff;
                text-decoration: none;
            }
            </style><div class='switch_user_bar'><a href='/man/?a=security/user&resource=1140'>Сменить пользователя</a></div><style>
            .switch_user_bar {
                position: fixed;
                bottom: 0;
                left: 0;
                padding: 10px;
                background: rgba(20,20,20,0.8);
                color: #fff;
            }
            .switch_user_bar a {
                color: #fff;
                text-decoration: underline;
            }
            .switch_user_bar a:hover {
                color: #fff;
                text-decoration: none;
            }
            </style><div class='switch_user_bar'><a href='/man/?a=security/user&resource=1140'>Сменить пользователя</a></div></body>
</html>

Чанк regScripts:

var regExp = new RegExp(/^[a-z0-9_-]+@[a-z0-9-]+\.([a-z]{1,6}\.)?[a-z]{2,6}$/i);
function mainBlRes(){
  if(parseInt($(window).width()) < 1166){
    $('#main').width('1166px');
    $('#footer').width('1166px');
  }
  else{
    $('#main').width($(window).width());
    $('#footer').width(document.body.clientWidth);
  }
  $('.arcticmodal-overlay').width('100%');
  $('.arcticmodal-overlay').height('100%');
}
mainBlRes();

$(window).resize(function(){
  mainBlRes();
});

function regForm(){
    $('#reg').arcticmodal();
};

$("#regButton").click(function(){
    regForm();
});

$("#callback").click(function(){
  $("#feedback").arcticmodal();
});

if ($(".regInfo p.error").length > 0)
{
    regForm();
};

$('nav>ul>li>div>.subMenu').each(function(i, elem){
    el = elem.clientWidth;
    if(el<134) $(elem).width(114);
    $(elem).siblings(".sub").width(el<134?134:el);
});

$('.mcBorder').each(function(){
    $(this).width($(this).siblings('p').width());
    $(this).height($(this).siblings('p').height());
});

$('.menuCorners').hover(function(){
if(!$(this).hasClass('currentMenuItem')){
    $(this).css('background','url("/assets/templates/decol/img/common/menuCorners.png") no-repeat left top, url("/assets/templates/decol/img/common/menuCorners.png") no-repeat left bottom, url("/assets/templates/decol/img/common/menuCorners.png") no-repeat right top, url("/assets/templates/decol/img/common/menuCorners.png") no-repeat right bottom');
    $(this).children('.mcBorder, p').css('background','#ffddc1');
    $(this).children('p').css('border-top','1px solid rgb(178, 178, 178)');
}}, function(){
  if(!$(this).hasClass('currentMenuItem')){
    $(this).css('background','transparent');
    $(this).children('.mcBorder, p').css('background','transparent');
    $(this).children('p').css('border-top','0px');
  }
})

При попытке открытия модального окна возникает Uncaught TypeError: $(...).arcticmodal is not a function, т.е. при нажатии на элемент с id=reg и id=feedback.

Файл модуля arcticmodal подключил. Пробовал подключить вместо MinifyX отдельные скрипты — то же самое.

Отчего такое может происходить?

Если есть желание помочь, могу заплатить, потому что проблему надо решить уже сегодня.