jQuery Mobile - 頁面加載或進度信息工作

你好心的人在互聯網上，還有幾個其他帖子與此相關，但唉，還沒有人還沒有解決我的錯誤......我似乎無法通過面我必須做錯什麼。jQuery Mobile - 頁面加載或進度信息工作

這裏是我的測試網頁（這是一個簡單的房貸計算器的測試程序）：

[http://www.simdock.com/TestJQueryMobile-loadmsg-progress.htm]

我會喜歡顯示一個頁面加載味精，或一個進度味精，什麼，因爲下一頁正在呈現頁面之一或第二頁（或任何頁面）時......因爲我輸出一個長的付款時間表列表，或任何列表...它需要一點生成...所以需要一個頁面加載和/或進度味精實際工作。

當你從主菜單計算器頁面過渡到頁面1或頁面2時，應該有某種頁面加載味精出現，但唉，我可以開始工作的是警報味精要點火來自事件。

我已經嘗試了幾種方法來獲得一個頁面加載信息：建議在以下鏈接計算器

第一種方式：

[http://stackoverflow.com/questions/6085679/ jquery-mobile-pageloading-method-how-it-work] [1]

拉我的第一頁的腳本代碼如下（我嘗試從這個主題的其他帖子中模擬）：

<script type="text/javascript"> 
$('#one').live('pagebeforeshow',function(event, ui){ 
//PAGE ID "one" SELECTED EVENT 
alert('Just selected page one!'); 
$.mobile.pageLoading(); 
$.mobile.loadingMessage = "calculating payment schedule..."; 
$.mobile.showPageLoadingMsg(); 
calcMonthlySchedule(); 
$.mobile.hidePageLoadingMsg(); 
}); 
</script>

上面根本不工作，但是......警報火災，但沒有什麼事情發生，而且沒有任何錯誤封郵件，等等

另一種方法我試過來自Jonathan Starks的書，用HTML，CCS和JavaScript構建Android應用程序（好書！...但有點昂貴）。

<script type="text/javascript"> 
$('#two').live('pagebeforeshow',function(event){ 
    //PAGE ID "two" SELECTED EVENT 
    alert('Just selected page two!'); 
    $('body').append('<div id="progress">Loading...</div>'); 
    calcLongList(); 
    $('#progress').remove(); 
    }); 
</script>

上面也似乎並沒有做任何事情（除了火災警報味精），因爲沒有DIV部分彈出（喜歡本書樣品中）。

Sooooo ...無論如何，我一定不會想/做某件事或其他...但不知道什麼......任何幫助肯定會被讚賞。

在此先感謝

來源

2011-09-08 woody

我用$.mobile.pageLoading();來顯示加載圖形和$.mobile.pageLoading(true);來阻止它。

對於消息，有$.mobile.showPageLoadingMsg()方法。

我創建了一個示例來證明它的工作原理。只爲你，伍迪：http://jsfiddle.net/a6337/

這種方法不上pagecreate事件工作，但工作在pageshow：

$('#mypageone').live('pageshow',function(event){ 
    $.mobile.loadingMessage = "calculating payment schedule..."; 
    $.mobile.pageLoading(); 
    $.mobile.showPageLoadingMsg(); 
    calcLongList(); 
    //$.mobile.hidePageLoadingMsg(); 
});

嘗試一下：http://jsfiddle.net/7fxQf/21/

來源

2011-09-09 13:20:12 Tsar

嗨沙皇...嗯...這是問題：我使用相同的語法命令，但它不起作用在我的頁面上:-( – woody

呃...這是我在jsfiddle中的破解，它演示了showPageLoadingMsg如何不起作用http： //jsfiddle.net/woody2shoes/7fxQf/5/ – woody

這是另一個稍作修改的版本：http://jsfiddle.net/ woody2shoes/7fxQf/12/ – woody

jQuery Mobile - 頁面加載或進度信息工作

回答

相關問題