Natalia_ai
@Natalia_ai
люблю вёрстку

Подключение .min.js тормозит загрузку страницы?

Здравствуйте.
Столкнулась со следующим.
Писала js код и подключала периодически от шага к шагу .min.js в .htm документ (перед закрывающим тегом body).
Страница загружалась без проблем.
Добавила в код цикл for для двух элементов. На мой взгляд код работает как положено.
При подключении .js страница загружается нормально. С .min.js не загружается.
В чём может быть дело?
На что и как посмотреть, чтоб разобраться?
вот код
'use strict';
(function () {
	var modal = document.querySelector('#popup');
	var modalOpen = document.querySelectorAll('.btn--open-popup');
	var modalClose = modal.querySelector('.section-modal__close');
	var body = document.querySelector('body');

	function showPopup() {
		body.style.overflow = 'hidden';
		for (var i = 0; i < modalOpen.length; i++) {
			modalOpen[i].addEventListener('click', function (evt) {
				evt.preventDefault();
				modal.style['display'] = 'block';
				body.scrollTop = 0;
				body.style.overflow = 'hidden';
			})
		}

		modal.addEventListener('keydown', function (evt) {
			if (evt.keyCode === 9) {
				if (evt.shiftKey) {
					if (document.activeElement === firstTabStop) {
						evt.preventDefault();
						lastTabStop.focus();
					}
				} else {
					if (document.activeElement === lastTabStop) {
						evt.preventDefault();
						firstTabStop.focus();
					}
				}
			}
		});
	}

	function closePopup() {

		modal.addEventListener('click', function (evt) {
			evt.preventDefault;
			if (evt.target == modalClose) {
				modal.style['display'] = 'none';
				body.style.overflow = 'auto';
			}
		});

		modal.addEventListener('keydown', function (evt) {
			if (evt.keyCode === 27) {
				modal.style['display'] = 'none';
				body.style.overflow = 'auto';
			}
		});

	}
	showPopup();
	closePopup();
	document.addEventListener('DOMContentLoaded', function (evt) {
		evt.preventDefault();
		modal.style['display'] = 'none';
		body.style.overflow = 'auto';

	});

})();
  • Вопрос задан
  • 175 просмотров
Пригласить эксперта
Ответы на вопрос 1
coderisimo
@coderisimo Куратор тега JavaScript
Обычно в таких случаях надо смотреть в консоль. Судя по всему , там есть ошибки. Смотрели?
P/S/ Или просто киньте ссылку на страницу )
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы