0

Приветствую есть сайт на странице комплекса модальное окно JS:

$(document).ready(function() {
  $('a[name=modal]').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href');

    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    $('#mask').css({
      'width': maskWidth,
      'height': maskHeight
    });

    $('#mask').fadeIn(1000);
    $('#mask').fadeTo("slow", 0.8);

    var winH = $(window).height();
    var winW = $(window).width();

    $(id).css('top', winH / 2 - $(id).height() / 2);
    $(id).css('left', winW / 2 - $(id).width() / 2);

    $(id).fadeIn(2000);

  });

  $('.window .close').click(function(e) {
    e.preventDefault();
    $('#mask, .window').hide();
  });

  $('#mask').click(function() {
    $(this).hide();
    $('.window').hide();
  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="dialog" class="window">
  <div class="popup-left">l e f t
  </div>
  <div class="popup-right">
    <p>Запишитесь на экскурсию в комплекс «Самолет»
      <br> Укажите свои контакты, и менеджер свяжется с вами для уточнения удобного времени экскурсии.
    </p>
  </div>
  <a href="#" class="close" />Закрыть его</a>
</div>
</div>

Суть проблемы в том, что при прямом заходе на страницу комплекса модальное окно работает в штатном режиме, как надо. Если на страницу перейти через главную: ( home -->catalog -->jk-samolet) Появляется проблема, модальное окно не открывается, в url попадает href="id" модального окна за счет чего происходит перезагрузка страницы. Вопрос, в какую сторону смотреть? есть подозрения на конфликт js. Пробовал разнообразные скрипты модального окна, результата нет.

2
  • Разберись с порядком подключения скриптов на странице, это скорее всего решит проблему) На странице подключаются 2 jquery скрипта и при переходе по прямой ссылке в консоль падает ошибка из какого-то скрипта вставленного в тело страницы. Также делигирование событий пойдет на пользу.
    – kost1k
    18 сен 2019 в 13:29
  • Да провожу работу в этом направлении, Самое интересное то что , при прямом заходе все работает отлично, если переходить с других внутренних страниц, то возникает данная проблема, грешу на ajax... буду разбираться дальше...
    – west80
    18 сен 2019 в 14:25

1 ответ 1

0

Корень проблемы не нашел, но костыль в виде перехода на страницу в новой вкладке target="_blank" временно решает задачу, буду благодарен если кто то подскажет в чем проблема.

Нашел причину всего зла - загрузка страницы по ajax - без нее все хорошо

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.