javascript - jquery 移动对话框在页面加载后关闭

Question

各位，我遇到了一个问题，希望有人能帮忙解决。当我的 jquery 移动应用程序加载时，它会检查我的服务器以查看用户所在平台是否存在 native 应用程序。如果是，我会弹出一个对话框，询问他们是否愿意下载 native 应用程序。问题是，我把这个检查放在哪里似乎并不重要，当页面在移动Safari中完成加载时，对话框就会消失。这是我开始检查的代码:

$( document ).ready(function() {
  checkRedirect();
});

但我也在 pageinit 和 pagecreate 中尝试过。 checkRedirect() 进行 ajax 调用，并根据结果弹出带有“$.mobile.changePage”的对话框

浏览器似乎仍然认为原始页面正在加载，然后在页面加载完成后以某种方式关闭对话框。抱歉，我没有更多详细信息。我认为我需要的是在整个页面加载后发生的事件(以及在所有ajax后台加载之后)，但我一直无法找到它。如有任何帮助或建议，我们将不胜感激。

更新:与 Omar 讨论后，结果证明使用“弹出窗口”而不是对话框可以达到我想要的效果。

Answer 1

首先，在 jQuery Mobile 中使用 .ready() 是不正确的，请使用 jQuery Mobile 事件。

一旦发生任何页面事件，您需要延迟打开对话框/弹出窗口，以确保页面完全加载。

setTimeout(function () {
 $.mobile.changePage('#dialog');
}, 50);

<小时/>

更新:

根据我们的讨论，在您的情况下使用 jQM 弹出窗口小部件更可靠。