jQuery Mobile 在页面加载时弹出以打开答案

【问题标题】：jQuery Mobile getting popout to open on page loadjQuery Mobile 在页面加载时弹出以打开
【发布时间】：2012-09-22 18:59:20
【问题描述】：

我正在使用 JQM 的新弹出功能。通过单击按钮启动弹出窗口很简单，但是如何让弹出窗口在页面加载时启动？

JQM 文档说您可以通过以下方式初始化弹出窗口：

$( "#myPopupDiv" ).popup( "open" )

我使用下面的代码尝试了这个，但无法让它工作。

$(document).bind("mobileinit", function(){
$( "#myPopupDiv" ).popup( "open" )
});

这是一个使用弹出窗口中的视频和启动它的按钮的工作演示。

http://jsfiddle.net/fxakH/

如果有人可以帮助在页面加载时启动此功能，我们将不胜感激。谢谢。

【问题讨论】：

同样的问题！如果你能告诉我这是如何工作的会很酷......（如果你同时解决了它）

标签： jquery jquery-mobile mobile pageload

【解决方案1】：

我遇到了同样的问题并用谷歌搜索了一下。我发现你在 jQuery 论坛上也问了这个问题并得到了答案：

http://forum.jquery.com/topic/launching-popout-on-page-load
http://jsfiddle.net/fxakH/4/

对于有同样问题的其他人：
关键似乎是在pageshow 事件期间打开弹出窗口。它对我有用。

【讨论】：

【解决方案2】：

“mobileinit”事件立即触发。你试过“pageinit”吗？

$(document).bind("pageinit", function(){
    $( "#myPopupDiv" ).popup( "open" )
});

【讨论】：

感谢您的回复。试过了，它只显示页面加载轮。 “mobileinit”让弹出窗口在页面加载时启动，但我无法关闭它。
$(document).ready 也不起作用，也会导致加载轮子

【解决方案3】：

我遇到了同样的问题，我尝试了如下方法。

我的页面中的弹出窗口将在页面加载和页面中的锚点上打开

所以在 pageinit 中，我初始化了弹出窗口，在该语句之后，我触发了锚点的点击，这也打开了弹出窗口。那行得通。这是代码。

//script to be called on add seat page
$( document ).delegate("#addseat-page", "pageinit", function() {
  $("#vipPopup").popup(); //vip popup
  $("#openvipPopup").trigger("click"); //openvipPopup is the id of the anchor for popup
});

干杯。

【讨论】：