2

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

什么方法可以同时删除 jquery mobile 中的预加载指示？

4

3 回答 3

3

接受的答案在 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错误也消失了。

于 2014-04-25T18:28:01.177 回答
2

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

尝试在mobileinit事件中使用它：

$.mobile.loadingMessage = false;

这应该完全禁用它：

$.mobile.hidePageLoadingMsg()

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

于 2012-11-23T22:56:08.147 回答
0

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

以显示：

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

隐藏：

$.mobile.loading('hide');
于 2016-04-22T16:52:18.040 回答