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();