jQuery Mobileを自分のページにリンクすると、ページの下部に何らかの読み込みメッセージが表示され、それを取り除くことができません。$ .mobile.pageLoading(true)を試しましたが、機能しませんでした。
どうすれば削除できますか?どこにも印刷していません。
jQuery Mobileを自分のページにリンクすると、ページの下部に何らかの読み込みメッセージが表示され、それを取り除くことができません。$ .mobile.pageLoading(true)を試しましたが、機能しませんでした。
どうすれば削除できますか?どこにも印刷していません。
1.4のドキュメントでは、ローダーウィジェットとの相互作用が提案されています。ページの上部には、オプションをグローバルに変更する方法が記載されていますが、リンクごとに微妙な違いがあります。これも機能する可能性があります。
$( 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();
AJAXの読み込みを無効にすると、メッセージが効果的に削除されます。
ページをバックグラウンドで読み込んでから表示したくない場合は、読み込みメッセージを表示したくないdata-ajax='false'
アンカー( )タグを指定することで、ページを「通常」のように読み込むことができます。<a...>
すべてのリンクを「通常どおり」ロードするために使用できるグローバル設定もあります。
グローバルに無効にするには(このページを読んで、影響とその推奨事項を理解してください。新しいドキュメントには警告がない場合があります)。
$.mobile.ajaxEnabled=false;
1.4ページの読み込みアプローチを使用して外部ページを読み込む場合は、showLoadMsg
falseに設定するだけのオプションを利用できます。
メッセージを削除するためのグローバルオプション(以前のバージョンで利用可能-少なくとも1.0、1.1、および1.2-ここでそれについて読んでください)は次のとおりです。
$.mobile.loadingMessage = false;
1.2以前のドキュメントには、falseに設定すると、ロードメッセージは表示されないと記載されています。
最新バージョンのJQueryMobile(現在は1.4)を使用していますが、この問題が発生します。ここでの解決策はどれも私には効果がなく、それらの多くは非推奨になっていると思います。これが私のために働いたものです:
$.mobile.loading().hide();
$.mobile.loading()
あなたに要素を与えるでしょう、そしてあなたはそれをすることができるhide
か、あなたが望む他のことを何でもすることができます。これが誰かを助けることを願っています。
私は同じ問題を抱えていました。迷惑な読み込みメッセージとオレンジ色のフレームです。これは、jqueryスタイルシートへの参照を追加しなかったことが原因でした。
ヘッダーに参照を追加すると、問題が解決しました。
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
jquerymobileの最新のアップデート(1.2.0)を使用している場合は、これを試してください
$.mobile.loading( 'show', { theme: "b", text: "", textonly: false});
それは私のために働いたので。
Pnctの答えは、JQM1.2.0の方が正解に近いです。ただし、提供されているAPIドキュメントごとに、以下の方が正確です。
$.mobile.loading('hide');
また、HTMLファイルに少なくともJQM構造のスタイルシートが定義されていることを確認してください。それ以外の場合は、関数が何もしないように見えます。
私の場合(jQueryMobile 1.4.5
)これをCSSに追加するだけで、jQueryMobile CSSファイル全体のインポートを回避できます(必要ありません)。
.ui-loader {
display: none !important;
}
デフォルトでは、そのメッセージは非表示になっている必要があります。公式のjQueryMobileスタイルシートが含まれていない可能性があります。
コードを使用してメッセージの読み込みを手動で非表示にしたり無効にしたりしないでください。
正しい方法は、jQueryMobile1.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();
使ってみてください$.mobile.hidePageLoadingMsg()
私の場合、間違ったcssファイルをロードしていました(jquery mobilecssの代わりにjquerycss)
間違い:
<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" />