Закрыть
Скидки в Webasyst 25–29 ноября 2021

Не работает модальное окно Есть решение

Подскажите пожалуйста, сделала модальное окно, которое должно всплывать при загрузке сайта и учитывать куки, если закрыли форму. Вот код, локально он работает:

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/jquery.modal.css">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/jquery.modal.min.js"></script>
<script src="js/jquery.cookie.min.js"></script>
</head>

<body>
          <div id="opn-win" style="display:none;">
          <div class="frame">
          <iframe frameborder="0" src="" width="100%" height="60px" padding-left="15px" scrolling="no"></iframe>
           </div>
           </div>
<script type="text/javascript">
$(window).load(function() {
  var hideTheModal = $.cookie('hideTheModal');
  // если cookie не установлено появится окно
  if(hideTheModal == null){
    // задержка 7 секунд
    setTimeout(function(){
    // вызвать модальное окно
    $('#opn-win').modal();
     // если нажата кнопка "Закрыть"
    $('.close-modal').click(function(){
        // добавить cookie
    $.cookie('hideTheModal', { expires: 30, path: '/' });
    });
    }, 100);
  }
});
</script>
</body>

я вставляю код в index.html действующей темы, но не работает, что сделать чтоб работала, может я не туда код вставляю?

1 ответ

  • 2
    Алексей Webasyst 19 декабря 2015 11:07 # Решение

    Как минимум проверить пути к файлам скриптов и проверьте консоль браузера - там скорее всего несколько ошибок будет.

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите