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()