@kingmass

Как исправить ошибку?

Всем привет! Хочу сделать на сайте модальное окно, нашёл решение https://codepen.io/mlnoz/pen/ExNeJrx, на локалке работает, но когда скрипт подключаю к сайту то появляется ошибка: "Uncaught TypeError: Cannot read property 'addEventListener' of null at HTMLDocument. (modal.js?v=10932257606677173997:62)" .

Сайт работает на Shopify. Подскажите пожалуйста, как это решается.
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 1
t-alexashka
@t-alexashka
Сразу пишу legacy код
62я строка это
overlay.addEventListener('click', function () {
        document.querySelector('.modal.active').classList.remove('active');
        this.classList.remove('active');
    });


смотрим что такое overlay? (9я строка)
overlay = document.querySelector('.js-overlay-modal'),


но класса js-overlay-modal я не вижу в html разметке.

поэтому и ошибка. попытка привязать слушатель событий к несуществующему объекту.

Скорее всего вы в разметке забыли добавить div с оверлеем
Ответ написан
Ваш ответ на вопрос

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

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