jquery mobile：如何从jquery mobile中完全删除预加载器？

Question

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

在jquery mobile中一起删除preload指示的方法是什么？

Answer 1

在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错误也消失了。

Answer 2

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

尝试在mobileinit事件中使用此功能：

$.mobile.loadingMessage = false;

这应该完全禁用它：

$.mobile.hidePageLoadingMsg()

有关此内容的更多信息（以及一些示例）可以在jQuery移动文档here中找到。

Answer 3

有点晚了但也许SO用户会觉得这很有用，我遇到了同样的问题，发现你可以使用show | hide函数$.mobile.loading() loader ，所以：

显示：

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

隐藏：

$.mobile.loading('hide');