Я совершенно новичок в разработке веб-сайтов и в качестве первого эксперимента я работаю с веб-сайтом, чтобы заменить старый сайт моей компании (в случае успеха).
Уже много сделали, но я действительно хочу, чтобы эта всплывающая галерея изображений работала с всплывающим окном 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. Что еще может быть не так?
При необходимости я могу поставить коды здесь позже.
Хотя проблема была в коде. Я снова применил коды с сайта Maqnific и перечитал документацию более 5 раз. Я также заметил, что включенные файлы таблиц стилей должны быть связаны из корневой папки веб-сайта в точности так, как показано в руководстве Macnific.
Если у кого-то возникла подобная проблема, я предлагаю продолжить чтение и поиск. Тормоз в течение дня или два также делает разницу в перспективе. Отдельное время, проведенное в проекте, помогает заметить то, чего вы раньше не видели. Особенно проверка кода на наличие ошибок является сукой.
Буквально вчера я обнаружил опечатку в своем метатеге медиа-запроса, которая заставляла мой сайт не менять стиль при изменении размера области просмотра. Опечатка была 2 недели назад. max-device-width был записан как max-divice-width.
Других решений пока нет …