jQueryMobile и Themeroller - нужно ли обновлять темы при обновлении jQueryMobile?

Question

Я использую jQueryMobile 1.1-rc1, и мой индикатор pageloading отображается неправильно.

Я изначально сделал свою тему, когда в первый раз вышел themeroller, и все прошло отлично через последние обновления jQM до самого последнего.

Теперь значок загрузки не вращается и больше не центрирован в пузыре.

Нужно ли обновлять темы в themeroller при обновлении? Я не вижу возможности выбора целевой версии в themeroller.

Answer 1

Я еще раз посмотрел на это, и ответ заключается в том, что ThemeRoller для jQueryMobile совместим только с выпуском jQM 1.0.x.

Todd Parker Answered the question here в jQueryMobile проблема трекер.

Tyler Benzinger Answered the question здесь, в разделе Tracker вопроса.

Кажется, нам придется ждать Theme Roller для поддержки тем версии 1.1.

Update: Решение

В вашем 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; 
} 

Make У вас есть новый файл ajax-loader.gif в папке с изображениями тем.

Answer 2

Я заметил, что старое имя файла было ajax-loader.png. Я думаю, что теперь это ajax-loader.gif, поэтому вы можете дважды проверить это.

Answer 3

Последние несколько изменений в каркасе сильно изменили CSS, и это будет продолжаться для выпуска версии 1.1. Когда вы переходите на более новую версию JS-файла, вы также должны повторно упаковать свою тему из Themeroller.

В последнем обновлении они немного изменили структуру CSS для фиксированных верхних и нижних колонтитулов, переходов и некоторых других вещей (например, обновление загрузки было обновлено). Последнее обновление также дало загрузочному сообщению больше опций, поэтому структура HTML, вероятно, изменилась, и старый CSS не совсем прав по сравнению с новым JS.

Чтобы проверить это, вы можете ссылаться на стандартную текущую версию CSS и посмотреть, отображается ли сообщение загрузки правильно.