2012-09-22 48 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 
}); 

乾杯。

相關問題