jquery mobileのCSSを変更することで、ページのリロード時にプリローダーイメージを削除できますが、ページのリロード時に灰色の円が表示されます。
jquery mobileのプリロード表示をまとめて削除する方法は何ですか?
jquery mobileのCSSを変更することで、ページのリロード時にプリローダーイメージを削除できますが、ページのリロード時に灰色の円が表示されます。
jquery mobileのプリロード表示をまとめて削除する方法は何ですか?
受け入れられた答えは、jQueryMobile1.4では機能しませんでした。Ajaxの読み込みを完全に無効にしたかったので、
$.mobile.ajaxEnabled = false;
jQueryファイルとjQueryMobileファイルの宣言の間にすでに実行されていますが、まだ灰色の円が表示されていました。
私は私のcssファイルでこれを思いついた
.ui-loader {
display:none !important;
}
その後、灰色の円は消えます。しかし、テスターは、ajax-loader.gifのロードに失敗しているというページでまだjavascriptエラーが発生していると指摘しました。私は周りを検索し、jquery.mobile-1.4.0.cssでこれを見つけました
/* Loader */
.ui-icon-loading {
background: url(images/ajax-loader.gif);
background-size: 2.875em 2.875em;
}
だから、これもcssファイルに追加しました
.ui-icon-loading {
background:none !important;
}
そして今、javascriptエラーもなくなりました。
最善の方法は、それを完全に無効にすることです。
mobileinit
イベントでこれを使用してみてください:
$.mobile.loadingMessage = false;
これにより、完全に無効になります。
$.mobile.hidePageLoadingMsg()
これについての詳細(いくつかの例を含む)は、jQuerymobileのドキュメントにあります。
少し遅れましたが、おそらくSOユーザーはこれが便利だと思うかもしれません。私はこれと同じ問題に遭遇し、関数を使用しshow | hide
てローダーができることを発見しました。$.mobile.loading()
表示するには:
$.mobile.loading( 'show', {
text: 'Verificando Datos',
textVisible: true,
theme: 'z',
html: ""
});
隠れる:
$.mobile.loading('hide');