2012-09-22 47 views
5

我正在使用JQM的新弹出功能。通过点击按钮启动弹出窗口很简单,但我怎样才能在页面加载时启动弹出窗口?jQuery Mobile在页面加载时弹出以打开

JQM文件说,你可以通过做初始化弹出式视窗:

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

这个我试过用下面的代码,但不能让它开始工作。

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

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

http://jsfiddle.net/fxakH/

如果有人可以帮助在页面加载这次推出这将是大加赞赏。谢谢。

+0

同样的问题在这里!如果你能告诉我这是如何工作的话(如果你在此期间解决了这个问题)会很酷。 – MOnsDaR

回答

0

“mobileinit”事件立即触发。你有没有试过“pageinit”?

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

感谢您的回复。试过了,它只是显示页面加载轮。 “mobileinit”在页面加载时弹出,但我无法关闭它。 – Kastansa

+1

$(document).ready既不起作用,也导致装载轮 – MOnsDaR

0

我有同样的问题,我尝试了如下方法。

在我的网页的弹出既在页面加载和页面

所以在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 
}); 

干杯。

相关问题