jQueryMobile和Themeroller - 更新jQueryMobile時是否需要重新推出主題？

Question

我正在使用jQueryMobile 1.1-rc1，並且我的頁面加載指示器顯示不正確。

我原來做了我的主題，當第一的ThemeRoller出來了，一切都已經通過精細JQM的最後幾個更新，直到最近。

現在加載圖標不旋轉，不再位於泡泡中央。

更新時是否需要重新整理整理器中的主題？我沒有看到在美樂家中選擇目標版本的選項。

Answer 1

我再看看這個，答案是ThemeRoller for jQueryMobile只與jQM的1.0.x版本兼容。

在jQueryMobile問題跟蹤Todd Parker Answered the question here。

Tyler Benzinger Answered the question在這裏的主題滾筒問題跟蹤。我們將不得不等待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的標準的最新版本，並查看是否顯示正確加載消息。