jQuery Mobile网站中所有页面通用的弹出菜单

Question

我正在尝试使用jQuery Mobile创建一个站点。它由HTML文件中的许多页面组成，其中一些只有一个页面，而另一些有多个页面（使用它们的多阶段特征).

该网站将有一些用于通知的弹出窗口，它们在所有页面上的外观都将相同。我正在使用它们的新弹出功能这似乎是为了这个目的而设计的。我可以通过在每个页面上放置弹出窗口的副本来轻松实现这一点，但这将创建大量冗余代码，可能很难维护。我可能可以让我的服务器在适当的位置为我插入代码，但这看起来既复杂又低效。

我尝试将弹出窗口放在页面外，但它们无法可靠地工作（您可以看到一个示例在这里).

我尝试使用模板系统（内置于underline.js中的系统）动态生成它们，但这看起来可能会导致问题——我必须在关闭弹出窗口时销毁它，以避免内存泄漏。

我不确定这是否是弹出窗口小部件中的一个错误，因为弹出窗口小组件仅在jQuery Mobile的alpha版本中，所以这似乎是可能的。

这里有人知道如何在几个html文件中创建一个包含多个页面的网站，并在所有页面中使用一些常见的弹出窗口吗？

Answer 1

我在jQuery Mobile github上看到了您的请求，并发布了我在web应用程序上使用的解决方案。检查http://ghita.org/jquery/dynamic-mobile-Poup这是一个小插件，允许你有动态弹出窗口，它让你专注于内容弹出窗口的事件.

包括插件（具有1.8千字节)，然后拨打：

$.dynamicPopup（{content:'这是弹出窗口的动态内容。'}）；

内容-可以是字符串或jQuery html对象。

检查https://github.com/serbanghita/jQM-dynamic-popup查看完整的选项列表，其中一些选项是从jQuery的mobile popup（）函数继承来的。

这个问题对我来说是一个阻碍，因为我有动态网页，我不在乎手动注入HTML内容以激活popup（）。希望你觉得它有帮助。

Answer 2

您必须尝试像jqm加载程序那样设置它，它也位于div.page之外（否则dom中的每个页面都会有一个加载程序），所以我认为正确的方法是不在页面内包含弹出窗口，而是在div.page.之外。

由于jqm只会引入div.pages，在之前/之后没有任何内容，因此您应该能够在每个页面上包含一个通用的popover，并且只在dom中包含一次。通过div.page外部，不确定这是否有效。

Answer 3

派对可能会很晚，但可能对有人来说很有用。

现在，如果您使用的是最新的JQM（我使用的是JQM 1.4.2），则可以使用Global Popups。您只需要直接在body div下声明弹出窗口，在所有数据角色页面之外。

最好经历一下JQM文件