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 - 页面加载或进度信息工作

回答

相关问题