Question

你好，互联网的人，还有其他一些与此相关的帖子，但是唉，还没有人解决我的错误...我似乎无法面对我必须做错的事情。

这是我的测试网页（这是一个简单的抵押贷款计算器测试应用程序）：

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

我想显示一个页面加载msg，或者一个进度消息，当进入第一页或第二页（或任何页面）时正在呈现下一页...因为我正在输出一个长的付款计划列表，或任何列表...它需要一点生成...所以需要一个页面加载和/或进度msg实际工作。

当你从主菜单计算器页面转换到第一页或第二页时，应该会有一些页面加载msg出现，但是，我可以开始工作的所有警报信息来自事件。

我尝试了几种方法来获取页面加载消息：

在以下stackoverflow链接中建议了第一种方法：

[http://stackoverflow.com/questions/6085679/jquery-mobile-pageloading-method-how-does-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 ......在任何情况下，我都不能思考/做某事或其他......但不确定是什么......任何帮助都一定会受到赞赏。

提前致谢

Answer 1

我使用$.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/

jQuery Mobile - 页面加载不进展消息工作

1 个答案: