如何在多个页面上使用相同的叠加 div

Question

我有一个带有登录和注册链接的导航栏。 我使用登录/注册表单进行了叠加，当单击这两个链接中的任何一个时，该表单会显示在视口上。 我的网站有多个页面，因为它们都有相同的导航栏，除了在可以记录或注册的每个页面上放置与表单相同的重叠 div html 代码之外，还有什么方法吗？ 我可以在导航栏中放置叠加 div 吗？

Answer 1

覆盖代码可以放在单独的 html 文件中，然后使用 js / jquery 动态加载到每个页面中。

类似的东西： $('#overlay-container').load('path/to/the/overlay_code.html');

但是要小心， $().load() 是异步的，也就是说，内容将在主 html 文件之后加载。 如果用户在加载代码之前单击登录按钮，则可能会导致问题。