Using the same popup across multiple pages

You can reuse the same popup on multiple pages if you declare it as a direct child of the body element. It can then appear on any page in the document.

If you define the popup outside of any page, then you must take care to instantiate the popup widget yourself. You can do this as early as DOMReady, because the popup is not on any page.

If you wish the popup to be opened from a set of links, then you must also handle that manually, because automatic handling via data-rel="popup" is restricted to popups on the active page.

The example below illustrates the setup with two pages.