Javascript jQuery移动站点中所有页面通用的弹出窗口

Javascript jQuery移动站点中所有页面通用的弹出窗口,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在尝试使用jQuery Mobile创建一个站点。它由HTML文件中的许多页面组成,其中一些页面只有一个页面,而一些页面有多个页面(使用它们的页面) 该网站将有一些弹出式通知窗口,它们在所有页面上看起来都一样。我正在使用他们的工具实现弹出窗口,这似乎是为此目的而设计的。我可以通过在每个页面上放置弹出窗口的副本来轻松实现这一点,但这将创建大量冗余代码,这些代码可能很难维护。我可能可以让我的服务器在适当的位置为我插入代码,但这似乎很复杂且效率低下 我尝试将弹出窗口放在页面之外,但它们不能可靠地工

我正在尝试使用jQuery Mobile创建一个站点。它由HTML文件中的许多页面组成,其中一些页面只有一个页面,而一些页面有多个页面(使用它们的页面)

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

我尝试将弹出窗口放在页面之外,但它们不能可靠地工作(您可以看到一个示例)

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

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


这里有没有人对如何创建一个包含多个html文件中的多个页面,以及所有页面共用的几个弹出窗口的站点有什么想法?

您必须尝试将其设置为jqm加载程序,它也位于div.page之外(否则,您将在dom中每个页面有一个加载程序),因此,我认为正确的方法是不在页面中包含弹出窗口,而是在div.page之外


因为jqm只会拉入div.pages,在每个页面上都应该能够包含一个通用的popover,并且只在dom中包含一次。虽然在div.page之外,但不确定这是否有效

我在jQuery Mobile github上看到了您的请求,并发布了一个我在web应用程序上使用的解决方案。检查它是否是一个小插件,它允许您拥有动态弹出窗口,它允许您关注弹出窗口的内容和事件

包括插件(大小为1.8kb),然后调用:

$.dynamicPopup({content: 'This is the dynamic content of the popup.'});
内容-可以是字符串或jQuery html对象

检查选项的完整列表,其中一些选项继承自jQuery的mobile popup()函数


这个问题对我来说是一个阻碍,因为我有动态网页,我不在乎手动注入HTML内容以激活popup()。希望对您有所帮助。

参加聚会可能会很晚,但可能对遇到的人有用

现在,如果您使用的是最新的JQM(我使用的是JQM 1.4.2),则可以使用全局弹出窗口。您只需要直接在body div下面声明弹出窗口,在所有数据角色页面的外面


最好仔细检查一下

我尝试将弹出窗口包含在页面外部,但效果不可靠。请参阅我的问题中链接到的示例。您可能应该在上请求此弹出功能。我一直在玩弹出窗口小部件,或多或少也在寻找每页一个弹出窗口。我在每个页面上都包含了一个弹出窗口,这也不是完美的,因为创建弹出窗口容器(如果您在Firebug中查看)在div.page之外,当您离开页面时不会被删除。因此,如果我加载10个页面,我将使用10个弹出式容器对DOM进行集群。我想还是你说的阿尔法。我已经切换到警报,直到弹出窗口稳定。我在GitHub上发出了请求。可以在上看到。我试过这个演示,看起来不错。我还没有在我自己的网站上试用过,但它看起来会相当好。@serbanghita:你能在演示中更新脚本路径吗<代码>http://jquerymobile.com/test/js/jquery.js不再有效。完成后,项目有了自己的存储库,其中包含示例和屏幕截图:此评论可能有点晚了,但如果有人在意:他们似乎计划在1.4中解决此问题: