jQueryMobile i Themeroller - czy chcesz ponownie wstawiać motywy podczas aktualizacji jQueryMobile?

Question

Używam jQueryMobile 1.1-rc1 i mój wskaźnik stronicowania nie wyświetla się poprawnie.

Pierwotnie zrobiłem mój motyw, gdy pierwszy raz pojawił się themeroller, i wszystko było w porządku przez ostatnie kilka aktualizacji jQM, aż do ostatniego.

Teraz ikona ładowania nie wiruje i nie jest już wyśrodkowana w bańce.

Czy podczas aktualizacji trzeba ponownie wstawiać motywy w edytorze tematów? Nie widzę opcji wyboru wersji docelowej w temeroller.

Answer 1

Przyjrzałem się jeszcze raz i odpowiedź brzmi, że ThemeRoller dla jQueryMobile jest kompatybilny tylko z wersją jQM 1.0.x.

Todd Parker Answered the question here w narzędziu do śledzenia błędów jQueryMobile.

Tyler Benzinger Answered the question tutaj w narzędziu do śledzenia zagadnień Roller Theme.

Wygląda na to, że będziemy musieli poczekać na Theme Roller, aby obsługiwać motywy w wersji 1.1.

Aktualizacja: Rozwiązanie

W swojej theme.css Wykomentuj lub usunąć sekcję .ui-icon-załadunku i wstawić następujący (z CSS 1.1-rc1)

/* 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; 
} 

Makijażu upewnij się, że masz nowy plik ajax-loader.gif w folderze obrazów motywów.

Answer 2

Zauważyłem, że stara nazwa pliku to ajax-loader.png. Myślę, że jest to teraz ajax-loader.gif, więc możesz to sprawdzić.

Answer 3

Kilka ostatnich aktualizacji tego szkieletu bardzo zmieniło CSS, i to będzie kontynuowane w wersji 1.1. Po zmianie na nowszą wersję pliku JS należy również ponownie spakować swój motyw z Themeroller.

W ostatniej aktualizacji zmieniono nieco strukturę CSS w przypadku stałych nagłówków/stopek, przejść i innych rzeczy (np. Odświeżono wiadomość o ładowaniu). Ostatnia aktualizacja dała także komunikat ładowania więcej opcji, więc struktura HTML prawdopodobnie zmieniła się, a stary CSS nie jest całkiem odpowiedni w porównaniu do nowego JS.

Aby to sprawdzić, można utworzyć łącze do standardowej bieżącej wersji CSS i sprawdzić, czy komunikat o załadowaniu pojawia się poprawnie.