jquery mobile:如何从jquery mobile中完全删除预加载器?

通过更改jquery mobile的CSS,您可以在页面重新加载时删除预加载器图像,但页面重新加载时仍会出现灰色圆圈。

什么方法可以一起删除jquery mobile中的预加载指示?

最好的方法是完全禁用它。

尝试在mobileinit事件中使用此function:

 $.mobile.loadingMessage = false; 

这应该完全禁用它:

 $.mobile.hidePageLoadingMsg() 

有关这方面的更多信息(有一些例子)可以在jQuery移动文档中找到 。

在jQuery Mobile 1.4中,我接受的答案对我不起作用。 我想完全禁用Ajax加载,所以我有

 $.mobile.ajaxEnabled = false; 

已经在jQuery和jQuery Mobile文件的声明之间运行,但我仍然看到了灰色圆圈。

我在我的css文件中提出了这个问题

 .ui-loader { display:none !important; } 

然后灰色圆圈消失了。 但是,测试人员指出我仍然在页面上收到javascript错误,因为它无法加载ajax-loader.gif。 我四处搜索并在jquery.mobile-1.4.0.css中找到了这个

 /* Loader */ .ui-icon-loading { background: url(images/ajax-loader.gif); background-size: 2.875em 2.875em; } 

所以,我也把它添加到我的css文件中

 .ui-icon-loading { background:none !important; } 

现在javascript错误也消失了。

有点晚但也许SO用户可以发现这很有用,我跑到同样的问题,发现你可以show | hide 使用$.mobile.loading()函数show | hide 加载器 ,这样:

显示:

 $.mobile.loading( 'show', { text: 'Verificando Datos', textVisible: true, theme: 'z', html: "" }); 

隐藏:

 $.mobile.loading('hide');