У меня всплывающее окно Magnific не работает с QuickStack Overflow

Я совершенно новичок в разработке веб-сайтов и в качестве первого эксперимента я работаю с веб-сайтом, чтобы заменить старый сайт моей компании (в случае успеха).
Уже много сделали, но я действительно хочу, чтобы эта всплывающая галерея изображений работала с всплывающим окном Magnific для отзывчивости.

Я настроил локальный сервер с QuickPhp для разработки, так как у меня еще нет сервера для моего сайта.
Даже если мой сайт работает при тестировании в CodePen, но не на моем сервере Quickphp.

Я сделал что-то вроде галерейного сайта, который содержит изображения, которые должны открываться во всплывающих окнах для увеличения и увеличения, если нужно. Само всплывающее окно будет работать, но часть кода не работает. В примере:
-не показывать кнопку закрытия.
-не закрывать всплывающее окно при нажатии на фон.
-нет анимации при открытии всплывающего окна.
все это работает с тем же кодом, протестированным на сайте CodePen.

Magnific popup JS и CSS-коды, которые я скопировал с Инструмент для сборки(в папку на сайтах .php)
Они включены в .php страницу со скриптом. CSS в голова и JS в нижний колонтитул. JQuery от Google https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

Сейчас мне нужны ответы на эти вопросы:
1. Возможно ли, что проблема в моей настройке QuickPhp-сервера? Если он не полностью поддерживает JQuery в локальной настройке?
2. Что еще может быть не так?

При необходимости я могу поставить коды здесь позже.

0

Решение

Хотя проблема была в коде. Я снова применил коды с сайта Maqnific и перечитал документацию более 5 раз. Я также заметил, что включенные файлы таблиц стилей должны быть связаны из корневой папки веб-сайта в точности так, как показано в руководстве Macnific.

Если у кого-то возникла подобная проблема, я предлагаю продолжить чтение и поиск. Тормоз в течение дня или два также делает разницу в перспективе. Отдельное время, проведенное в проекте, помогает заметить то, чего вы раньше не видели. Особенно проверка кода на наличие ошибок является сукой.
Буквально вчера я обнаружил опечатку в своем метатеге медиа-запроса, которая заставляла мой сайт не менять стиль при изменении размера области просмотра. Опечатка была 2 недели назад. max-device-width был записан как max-divice-width.

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]