Question

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

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

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

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

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

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

http://jsfiddle.net/fxakH/

如果有人可以帮助在页面加载时启动此功能，那将非常感激。谢谢。

Answer 1

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

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

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

Answer 2

＆＃34; mobileinit＆＃34;事件立即引发。你试过＆＃34; pageinit＆＃34;？

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

Answer 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
});

干杯。

jQuery Mobile在页面加载时弹出窗口打开

3 个答案: