html - jqm 中的全局弹出窗口

Question

我想制作一个全局弹出窗口，这样我就可以从不同的页面访问它。我正在阅读有关此内容的文章，解决方案是将其直接添加到index.html标签中的body标签中，所以我这样做了，现在我可以使用此代码从我的其他页面(未添加此弹出窗口的html页面)打开它

$("#about-create-new-game-popup" ).enhanceWithin().popup();
    setTimeout(function(){
        $('#about-create-new-game-popup').popup('open');
}, 2000);

问题是这个弹出窗口在应用程序加载期间显示，因为它被添加到index.html页面。有人可以告诉我我在这里做错了什么吗？谢谢。

Answer 1

我以前也遇到过这个问题。

您要做的就是在页面加载之前将其定义为弹出窗口。

弹出窗口只会在您打开时显示，但在页面加载之初，它只是另一个 div，这就是它显示的原因。尽快将其定义为弹出窗口，并且应该隐藏它。只需在开头添加此代码:

$("#about-create-new-game-popup" ).popup();