如何在使用它们的页面之外定义弹出窗口?

How to get popups to be defined outside the page they're used in?

根据这个github:https://github.com/jquery/jquery-mobile/issues/4565

这个问题据报道已经解决,但我试图在页面的 div 之外放置一个弹出窗口,弹出按钮使用最新的 jqm 1.4.5 并且无法使弹出窗口工作,除非它的弹出窗口与它所在的页面位于同一 div 内。 简而言之,下面的示例代码必须在当前页面上定义,弹出窗口才能工作(就像上面 github 所呈现的初始困境一样)。

<div data-role="popup" id="popup"> 

目标是将所有数据角色弹出窗口放在一个 html 页面上(我猜 index.html 是可行的)并且能够仅通过使用另一个页面上的按钮。

在处理重复使用应用程序中的大量弹出窗口时,这将产生一种更简洁、更高效的方法。除非我做错了什么,否则我认为这个问题在 github 中得到了解决,在这种情况下它应该起作用。

有人知道这是否可行或是否已解决,或者知道如何让它发挥作用吗?

要在 JQM 中的页面 div 之外使用弹出窗口,您必须在 DOM 就绪时实例化弹出窗口并增强其内容。

为此你应该有以下功能:

$(function(){
   $(".class_myPopup").enhanceWithin().popup();
});

那是 运行 当您加载您的网站时...我在我的 header.

中包含的定制 JS 脚本中有它