Как починить скрипт всплывающего окна?

Question

[Влад]

Пациент: https://seegi.ee/ru/myagkaya-mebel/divani

Поставил вот этот скрипт smartlanding.biz/vsplyvayushhee-okno-pri-pervom-po..., который вызывает всплывающее окно при попытке уйти с сайта.

Проблема в том, что
- окно всплывает
- затем я его закрываю
- а прозрачный блок на фоне не пропадает - из-за чего после закрытия окна невозможно управлять страницей и требуется перезагрузить страницу

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

Comments

[Kovalsky]

"затем я его закрываю... а прозрачный блок на фоне не пропадает" - значит при закрытии надо скрывать этот блок. Или в чем вопрос?

[Влад]

Никита Полевой, да, но я не понимаю как..

Answer 1

[Александр]

после закрытия модального окна нужно выполнить
$('body').css('overflow','auto')

Comments

[Влад]

а я не очень догоняю в какой кусок кода это надо дописать( можете подсказать?

[Александр]

В файл с js скриптами вставьте

$('body').on('click', '.arcticmodal-overlay', function() {
		$('body').css('overflow','auto');
});

[Влад]

Александр, что-то не сработало..

вот вроде этот кусок отвечает за закрытие:

close: function() {
			if ($.isFunction(this)) {
				modals.each(function() {
					$(this).arcticmodal('close');
				});
			} else {
				return this.each(function() {
					var $this = modal.getParentEl(this);
					if ($this===false) {
						$.error('jquery.arcticmodal: Uncorrect call');
						return;
					}
					var D = $this.data('arcticmodal');

					// Событие перед закрытием
					if (D.beforeClose(D, $this)===false) return;
					$this.trigger('beforeClose');

					// Показать предыдущие оверлеи
					modals.not($this).last().each(function() {
						var d = $(this).data('arcticmodal');
						d.overlay.block.show();
					});

					modal.transition(D.overlay.block, 'hide', modals.length>1 ? {type: 'none'} : D.closeEffect);
					modal.transition(D.container.block, 'hide', modals.length>1 ? {type: 'none'} : D.closeEffect, function() {

						// Событие после закрытия
						D.afterClose(D, $this);
						$this.trigger('afterClose');

						// Если не клонировали - вернём на место
						if (!D.clone)
							$('#arcticmodalReserve' + D.modalID).replaceWith(D.body.find('>*'));

						D.overlay.block.remove();
						D.container.block.remove();
						$this.data('arcticmodal', null);
						if (!$('.arcticmodal-container').length) {
							if (D.wrap.data('arcticmodalOverflow'))
								D.wrap.css('overflow', D.wrap.data('arcticmodalOverflow'));
							D.wrap.css('marginRight', 0);
						}

					});

					if (D.type=='ajax')
						D.ajax_request.abort();

					modals = modals.not($this);
				});
			}
		},

Вставлял сюда, но не помогло

D.wrap.css('overflow', 'auto');
$('body').css('overflow','auto');

[Александр]

вот так сделайте

// Событие после закрытия
            D.afterClose(D, $this);
            $this.trigger('afterClose');
            $('body').css('overflow','auto');

[Влад]

супер! заработало!

а может вы еще сможете подсказать, как дописать, чтобы при закрытии блока без перезагрузки страницы повторно он уже не вылазил?

я так полагаю надо добавить туда же:

// Событие после закрытия
						D.afterClose(D, $this);
						$this.trigger('afterClose');
                        $('body').css('overflow','auto');
                        $.cookie('smartCookies', true, {
                            expires: 7,
                            path: '/'
                        });

но почемуто все равно открывается...

может здесь както подругому надо записать? может не document.ready нужен?

<script>
$(document).ready(function () {
  if (!$.cookie('smartCookies')) {

    $(document).mouseleave(function (e) {
      function getWindow() {
        $('.offer').arcticmodal({
          closeOnOverlayClick: true,
          closeOnEsc: true
        });
      };
      setTimeout(getWindow, 1);
      $.cookie('smartCookies', true, {
        expires: 7,
        path: '/'
      });
    });

  };
});
</script>

[Александр]

Влад,

<script>
$(document).ready(function () {
  if (!$.cookie('smartCookies')) {

    $(document).one("mouseleave", function (e) {
      function getWindow() {
        $('.offer').arcticmodal({
          closeOnOverlayClick: true,
          closeOnEsc: true
        });
      };
      setTimeout(getWindow, 1);
      $.cookie('smartCookies', true, {
        expires: 7,
        path: '/'
      });
    });

  };
});
</script>

[Влад]

Александр, офигенно! огромное спасибо!!