jQuery Mobile を初めて使用して、以前のページにスワイプして戻ることができるようにしました。
しかし、画面の下部に大きな醜い「読み込み中」メッセージがあることに気付きました。グーグルで調べた後$.mobile.hidePageLoadingMsg();
、自分の中に追加した関数が呼び出されているのを見ました$(document).ready(function()
が、読み込みメッセージはまだそこにあります。
このメッセージを消すにはどうすればよいですか?
乾杯
jQuery Mobile を初めて使用して、以前のページにスワイプして戻ることができるようにしました。
しかし、画面の下部に大きな醜い「読み込み中」メッセージがあることに気付きました。グーグルで調べた後$.mobile.hidePageLoadingMsg();
、自分の中に追加した関数が呼び出されているのを見ました$(document).ready(function()
が、読み込みメッセージはまだそこにあります。
このメッセージを消すにはどうすればよいですか?
乾杯
次のように、jqueryセレクターを使用して要素を非表示にすることで問題を解決しました。
$(document).ready( function() {
$(".ui-loader").hide();
});
お役に立てれば!
の適切な使用法は$.mobile.hidePageLoadingMsg();
、 をトリガーしてロード中のメッセージを手動で表示すること$.mobile.showPageLoadingMsg();
です。
出典:JQM
あなたの場合、この機能を無効にしたい場合は、JQMをロードする前にタグに以下のコードを挿入して<head>
ください<script src="Jquery.mobile.1.2.0.js">
コード:
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<!-- disable loading msg -->
<script>
$(document).bind("mobileinit", function(){
$.mobile.loadingMessage = false;
});
</script>
<!-- / -->
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
上記があなたが話している問題である場合は、スタイルシートがロードされていることを確認してください
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">