web-dev-qa-db-ja.com

jQuery Mobile読み込みメッセージ

JQuery Mobileをページにリンクすると、ページの下部に何らかの読み込みメッセージが表示され、それを取り除くことはできません。 $ .mobile.pageLoading（true）を試しましたが、うまくいきませんでした。

どうすれば削除できますか？どこにも印刷していません。

jqueryjquery-mobilemobile
25
MikkoP

1.4ローダーのドキュメント

1.4ドキュメントでは、Loader widgetとの対話を推奨しています。ページの上部では、オプションをグローバルに変更することを説明していますが、リンクごとに微調整することができます。これも機能する可能性があります。

$( 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-disable AJAX loading

AJAX=読み込みを無効にすると、メッセージが効果的に削除されます。

バックグラウンドで読み込んでからを表示することでページの恩恵を受けたくない場合は、data-ajax='false'を指定することで 'normal'のように読み込むことができます読み込みメッセージを表示したくないアンカー（<a...>）タグ。すべてのリンクを「通常」にロードするために使用できるグローバル設定もあります。

グローバルに無効にするには（意味を理解するために このページを読む を確認してください。 新しいドキュメント に警告がない場合があります）：

$.mobile.ajaxEnabled=false;

オプションC-隠すだけ

1.4 Load Page アプローチを使用して外部ページをロードする場合、showLoadMsgに使用できるオプションがあり、これを単純にfalseに設定できます。

メッセージを削除するためのグローバルオプション（少なくとも1.0、1.1、および1.2で利用可能-それについて読む here ）：

$.mobile.loadingMessage = false;

1.2以前のドキュメントでは、falseに設定すると、読み込み中のメッセージは表示されません。

32
veeTrain

私は最新バージョンのJQuery Mobile（現在1.4）を使用していますが、この問題に遭遇します。ここでの解決策はどれも役に立たず、それらの多くは廃止されたと思います。ここに私のために働いたものがあります：

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

$.mobile.loading()は要素を提供し、hideそれまたはあなたが望むものは何でもできます。これが誰かを助けることを願っています。

26
Aras

Jquerymobileの最新の更新（1.2.0）を使用している場合は、これを試してください

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

それが私のために働いたので。

9
Pnct

同じ問題、迷惑な読み込みメッセージとオレンジ色のフレームがありました。これは、jqueryスタイルシートに参照を追加しなかったためです。

ヘッダーに参照を追加すると解決しました。

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

私の場合 （jQueryMobile 1.4.5）これをCSSに追加するだけで、この方法でjQueryMobile CSSファイル全体のインポートを回避できます（必要ありません）。

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

Pnctの答えは、JQM 1.2.0に近いものです。ただし、提供されるAPIドキュメントごとに、以下の方が正確です。

$.mobile.loading('hide');

また、HTMLファイルで少なくともJQM構造用にスタイルシートが定義されていることを確認してください。そうでなければ、関数は何もしないように見えます。

3
Ryan Skoblenick

これを追加

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

デフォルトでは、そのメッセージは非表示になります。公式の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/

2
Kelvin

Smthも使用できます。そのようなメッセージを削除するには：

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

$.mobile.hidePageLoadingMsg()を使用してみてください

0
Jay Blanchard

私の場合、間違ったCSSファイルをロードしていました（jquery mobile cssの代わりにjquery 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" />
0
Zeni