Ошибка Wordpress / Modal / JS - модалы перестали работать внезапно

Question

У меня был сайт на чистом JS и HTML и я перенес его на WordPress.Все работало нормально до нескольких дней назад.Внезапно мои две функции на сайте перестали работать, обе добавляют «активный» класс.Первый должен вызывать модальную функцию, а второй - Tab.Он работал совершенно нормально, но вдруг нет, я думаю, что это может быть из-за обновления WordPress?Это страница, где она не работает:

https://lumitestx.lumitrix.eu/outdoor/ - второй «слайд», это проектор с точками на нем - это должно провоцировать модальное.

У меня полностью работаетверсия здесь: https://lumitrix -web.incolor.cz / outdoor / Вот как это должно работать.И это произошло, просто внезапно прекратилось.Пожалуйста, кто-нибудь знает, почему добавление "активного" класса стало проблемой или в чем проблема?:) Большое спасибо!

Вот изображение того, какая часть сломана

Answer 1

Я вижу, что он работает правильно и на второй ссылке (https://lumitrix -web.incolor.cz / outdoor / ).Сравнивая их, я заметил, что у вас есть настройка «точки» с data-toggle="#point-modal" на обоих, что означает, что у модального контейнера (div) должен быть уникальный идентификатор «point-modal».

На этом сайте (https://lumitestx.lumitrix.eu/outdoor/) есть модальный контейнер (div), но у него нет атрибута точечного модального идентификатора, поэтому он не может его найти.

Легко определить, что он отсутствует, работает document.getElementById('point-modal') in the developer console. Возвращает ноль при https://lumitestx.lumitrix.eu/outdoor/. Поэтому, по сути, вам нужно убедиться, что модальный контейнер, который соответствует каждой "точке", имеет правильный идентификатор.

<div class="point skrollable skrollable-before" data-toggle="modal" data-target="#point-modal">

нужно

<div class="modal fade" id="point-modal"....>

Дайте мне знать, если вы хотите, чтобы я уточнил что-нибудь.