jQuery Mobile如何在页面加载时打开弹出框

Question

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

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

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

我尝试使用下面的代码，但无法使其正常工作。

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

这里有一个使用视频在弹出框中的工作演示，并且有一个按钮来启动它。 http://jsfiddle.net/fxakH/ 如果有人能帮忙使其在页面加载时启动，将不胜感激。谢谢。

- Kastansa

---

同样的问题在这里！如果你已经解决了，能否告诉我如何解决它，那就太棒了。 - MOnsDaR

Answer 1

我遇到了同样的问题并进行了一些谷歌搜索。我发现你也在jQuery论坛上提出了这个问题，并得到了答案：

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

对于遇到相同问题的其他人：
关键似乎是在 pageshow 事件期间打开弹出窗口。这对我有效。

- MOnsDaR

Answer 2

我曾经遇到过同样的问题，尝试了以下方法。

我的页面中有一个弹出窗口，需要在页面加载时和页面中的锚点上打开。

因此，在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
});

干杯。

- Muhammad Tanweer

Answer 3

"mobileinit"事件会立即触发。你尝试过 "pageinit" 吗？

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

- Owlvark

---

谢谢回复。我尝试了，但它只显示了页面加载的圆圈。 "mobileinit" 在页面加载时弹出了弹窗，但我无法关闭它。 - Kastansa

$(document).ready也不起作用，结果是一个加载图标。 - MOnsDaR