jquery-mobile - jQuery Mobile - 让 showPageLoadingMsg 与 pagebeforeshow 或 pagebeforeceate 一起工作的问题

Question

我正在尝试解决获取加载消息以正确显示的问题的第二周:-(

我只是很难让 pagebeforecreate 或 pagebeforeshow 事件触发 $.mobile.showPageLoadingMsg()。

这是 jsfiddle 示例的链接:

    [http://jsfiddle.net/7fxQf/25/][1]

请注意 jsFiddle 引用了移动 1.0b3 库。

以下是应该有效但无效的基本代码片段示例:

$('#mypageone').live('pagebeforecreate', function (event, ui) {
   alert('Just selected page one!');
   //HEY!!! the page load never pops up :-(
   $.mobile.loadingMessage = "this msg set on live pageshow from mypageone...";
   $.mobile.pageLoading();
   $.mobile.showPageLoadingMsg();
  calcLongList();  //simple list generation of a 1000 lines to screen
 //$.mobile.hidePageLoadingMsg();
});

当页面实际加载时，我可以触发警报，但遗憾的是不能触发加载消息。

...但是，如果仅更改为“pageshow”，则会显示加载消息，但当然在 5-10 秒后生成列表需要 :-( ...这当然不是我想要的。

此外，我是否注释掉 calcLongList 函数也没有关系……页面加载 msg 的行为相同:适用于“pageshow”……但不适用于“pagebeforeshow”或“pagebeforecreate”……并且我正在拔头发试图弄清楚我可能做错了什么？

任何建议或指导肯定会受到赞赏，在此先感谢

Answer 1

当 jQM 显示加载指示器时，它会向使用 $.mobile.hidePageLoadingMsg() 删除的 html 对象 (.ui-loading) 添加一个类。但在某些情况下，它不会将此类添加到 html(因为它不能 - 尝试手动添加)。

简单的(稍微有点脏)修复是手动将类添加到 html 对象，而不是添加到正文:

$('body').addClass('ui-loading');

要删除加载微调器，只需再次删除该类:

$('body').removeClass('ui-loading');