jQuery Mobile 1.4.x：如何在应用启动 5 秒后弹出一个弹出窗口

Posted 2023-05-09

【中文标题】jQuery Mobile 1.4.x：如何在应用启动 5 秒后弹出一个弹出窗口

【英文标题】：jQuery Mobile 1.4.x: How can I put a popup after 5 seconds the app starts

【发布时间】：2014-06-11 08:35:47

【问题描述】：

我无法执行点击事件，假设弹出窗口在应用运行后 5 秒后开始。

有什么想法吗？

更新：

这是 iFrame 弹出窗口示例。我刚刚更改了广告的来源。

问题是我需要在 5 秒后设置超时才能使用弹出窗口，但我对超时函数将如何呈现弹出窗口有点困惑，因为我不能使用点击事件。

<a href="#popupMap" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Open Map</a>
<div data-role="popup" id="popupMap" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
    <a href="#" data-rel="back" class="ui-btn ui-btn-b ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
    <iframe src="http://googleadmobORadsense.com"   seamless=""></iframe>
</div>

【问题讨论】：

developer.mozilla.org/en/docs/Web/API/window.setTimeout

我对这个问题更加明确。我知道我必须使用超时功能，但问题是如何在 5 秒后呈现弹出窗口。

api.jquerymobile.com/popup/#method-open - $("#popupMap").popup("open");

【参考方案1】：

$(document).on("mobileinit", function () 
  setTimeout(function () 
    //show your popup here
  , 5000);
);

【讨论】：

在回答问题时，通常最好提供足够的解释以配合代码，以便人们理解为什么他们应该使用示例代码的每个部分以及每个部分的作用。