jQuery Mobile加载消息

当我将jQuery Mobile链接到我的页面时,页面底部出现了某种加载消息,我无法摆脱它。 我试过$ .mobile.pageLoading(true)但它没有用。

我应该如何删除它? 我没有把它打印到任何地方。

1.4加载器文档

1.4文档建议与Loader小部件进行交互。 页面顶部描述了全局更改选项,但它可以在逐个链接的基础上细微变化。 这也可能有效:

$( document ).on( "mobileinit", function() { $.mobile.loader.prototype.options.disabled = true; }); 

此外,根据http://demos.jquerymobile.com/1.4.5/loader/和http://api.jquerymobile.com/loader/ ,您可以使用以下代码隐藏加载体验:

 // As submitted by @Aras $.mobile.loading( "hide" ); // (or presumably as submitted by @Pnct) $.mobile.loading().hide(); 

选项B – 禁用AJAX加载

禁用AJAX加载将有效地删除邮件。

如果您不希望页面从后台加载中受益然后显示 ,则可以通过在任何锚点( )标记上指定data-ajax='false'来使其像“正常”一样加载你不想看到加载消息。 您还可以使用全局设置使所有链接“正常”加载。

要全局禁用(请务必阅读此页面以了解其含义及其建议。 新文档可能没有警告):

 $.mobile.ajaxEnabled=false; 

选项C – 只是隐藏它

如果要使用1.4 加载页面方法加载外部页面,它有一个可用于showLoadMsg的选项,您可以将其设置为false。

仅删除消息的全局选项(在早期版本中可用 – 至少1.0,1.1和1.2 – 在此处阅读)是:

 $.mobile.loadingMessage = false; 

1.2和之前的文档说如果将其设置为false,则不会显示加载消息。

我正在使用最新版本的JQuery Mobile(目前为1.4)并遇到了这个问题。 这里没有一个解决方案适用于我,我认为其中许多解决方案已被弃用。 这对我有用:

 $.mobile.loading().hide(); 

$.mobile.loading()会给你元素,你可以hide它或做任何你想做的事情。 希望这有助于某人。

如果您使用的是jquerymobile的最新更新(1.2.0),请尝试此操作

 $.mobile.loading( 'show', { theme: "b", text: "", textonly: false}); 

因为它对我有用。

我有同样的问题,一个恼人的加载消息和橙色框架。 这是因为没有添加对jquery样式表的引用。

在标题中添加引用解决了它。

  

对于JQM 1.2.0,Pnct的答案更接近正确。 但是,根据提供的API文档,下面的内容会更正确。

 $.mobile.loading('hide'); 

还要确保在HTML文件中至少为JQM结构定义了样式表。 否则它看起来像函数什么都不做。

在我的情况下( jQueryMobile 1.4.5 )我只需要将它添加到我的CSS中,这样我就可以避免导入整个jQueryMobile CSS文件(我不需要它)。

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

默认情况下,应隐藏该消息。 您可能没有包含官方的jQuery Mobile样式表。

您不应该通过代码手动隐藏或禁用加载消息。

正确的方法应该包括jQuery Mobile 1.4.5的以下样式表:

  

这将解决各种问题,包括Chrome中所选元素的蓝色轮廓和Android中的橙色轮廓。

如果这篇文章过时,可以在这里找到所有版本的样式表: https : //jquerymobile.com/download/

加上这个

  

你也可以使用smth。 像这样删除消息:

 $('.ui-loader h1').remove(); 

在我的情况下,我加载错误的CSS文件(jquery css而不是jquery mobile css)

错误:

  

对:

  

尝试使用$.mobile.hidePageLoadingMsg()