javascript - jQuery Mobile 站点中所有页面通用的弹出窗口

Question

我正在尝试使用 jQuery Mobile 制作一个网站。它由 HTML 文件中的许多页面组成，有些只有一页，有些有几页(使用它们的 multi-page feature )。

该网站将有一些通知弹出窗口，它们在所有页面上看起来都一样。我正在使用他们的 new popup feature 实现弹出窗口这似乎是为此目的而设计的。我可以通过在每个页面上放置弹出窗口的副本来轻松实现这一点，但这会产生大量可能难以维护的冗余代码。我或许可以让我的服务器在适当的位置为我插入代码，但这看起来很复杂且效率低下。

我尝试将弹出窗口放在页面之外，但它们无法可靠地工作(您可以查看示例 here)。

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

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

这里有没有人知道如何在多个 html 文件中制作一个包含许多页面的网站，以及一些所有页面共有的弹出窗口？

Answer 1

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

包含插件(有1.8kb)，然后调用:

$.dynamicPopup({content: 'This is the dynamic content of the popup.'});

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

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

这个问题对我来说是一个阻碍，因为我有动态网页并且我不关心手动注入(inject) HTML 内容以使 popup() 处于事件状态。希望对您有所帮助。