Как использовать один и тот же оверлейный div на нескольких страницах

Question

У меня есть панель навигации, в которой есть ссылки для входа и регистрации.Я сделал оверлей с формой входа / регистрации, которая отображается поверх окна просмотра при нажатии на любую из этих двух ссылок.Мой сайт имеет несколько страниц, так как все они имеют одну и ту же панель навигации, есть ли какие-либо способы, кроме размещения одинакового HTML-кода div-оверлея с формой на каждой странице, с которой он может быть зарегистрирован или зарегистрирован?Могу ли я поместить оверлейный элемент div в панель навигации?

Answer 1

код наложения можно поместить в отдельный html-файл, а затем динамически загружать на каждую страницу с помощью js / jquery.

что-то в этом роде: $('#overlay-container').load('path/to/the/overlay_code.html');

Будьте осторожны, $ () .load () является асинхронным, что означает, что содержимое будет загружено после основного HTML-файла.Если пользователь нажимает кнопку входа в систему до загрузки кода, это может вызвать проблему.