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');