jQueryMobileとThemeroller - jQueryMobileを更新するときにテーマをリロールする必要がありますか？

Question

jQueryMobile 1.1-rc1を使用していて、ページローディングインジケータが正しく表示されません。

私はもともとthemerollerが最初に出てきたときに私のテーマを作っていましたが、最近のいくつかの最新のjQMアップデートまではすべて正常でした。

これで、読み込みアイコンが回転せず、もはやバブルの中央に表示されなくなりました。

更新時にthemerollerでテーマを再ロールする必要がありますか？私はthemerollerでターゲットバージョンを選択するオプションが表示されません。

Answer 1

私はこれをもう一度見て、答えは、jQueryMobileのThemeRollerはjQMの1.0.xリリースとのみ互換性があるということです。

Todd Parker Answered the question here jQueryMobile問題トラッカー。

Tyler Benzinger Answered the questionここではTheme Roller issue trackerにあります。

Theme Rollerがバージョン1.1のテーマをサポートするまで待つ必要があるようです。

更新：あなたのtheme.cssコメントアウトまたは.ui-アイコンローディングセクションを削除し、（1.1-RC1のCSSから）以下を挿入

/* loading screen */ 
.ui-loading .ui-loader { display: block; } 
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; } 
.ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; } 
.ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; } 
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; } 
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; } 
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radiu$ 
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; } 
.ui-loader-textonly { padding: 15px; margin-left: -115px; } 
.ui-loader-textonly .ui-icon { display: none; } 
.ui-loader-fakefix { position: absolute; } 

/* loading icon */ 
.ui-icon-loading { 
    background: url(images/ajax-loader.gif); 
    background-size: 46px 46px; 
} 

メイクでソリューション

テーマイメージフォルダに新しいajax-loader.gifファイルがあることを確認してください。

Answer 2

古いファイル名がajax-loader.pngであることがわかりました。私は今それがajax-loader.gifだと思うので、それをもう一度確認したいかもしれません。

Answer 3

フレームワークの最新の更新では、CSSがかなり変更されています。これは1.1リリースでも引き続き発生します。 JSファイルの新しいバージョンに変更するときは、Themerollerからテーマを再パッケージする必要があります。

最後のアップデートでは、固定ヘッダー/フッター、トランジション、およびその他のもの（ロードメッセージが改訂されたようなもの）のためにCSSフレームワークをかなり変更しました。最後のアップデートでは、ローディングメッセージにオプションが追加され、HTMLの構造が変更された可能性があり、古いCSSは新しいJSに比べてかなり正しくありません。

これをテストするには、標準の現在のバージョンのCSSにリンクして、読み込みメッセージが正しく表示されるかどうかを確認します。