jQuery Mobile加载消息

2021/01/10 23:11 · jquery ·  · 0评论

当我将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'<a...>不想看到其加载消息的任意anchor()标签指定使其像“正常”那样加载。您还可以使用一个全局设置来使所有链接“正常”加载。

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

$.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样式表。

在标题中添加引用可以解决该问题。

<link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">

Pnct的答案更接近于JQM 1.2.0。但是,根据提供的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的以下样式表:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.css">

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

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

加上这个

<script>
$(document).ready(function(){
  $(".ui-loader").hide();
});
</script>

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

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

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

错误:

<link href="../CSS/jquery-ui-1.11.4.custom/jquery-ui.min.css" rel="stylesheet" />

对:

<link href="../CSS/jquery.mobile-1.4.5.min.css" rel="stylesheet" />

尝试使用 $.mobile.hidePageLoadingMsg()

本文地址:http://jquery.askforanswer.com/jquery-mobilejiazaixiaoxi.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!