jQueryMobile 및 Themeroller - jQueryMobile을 업데이트 할 때 테마를 다시 롤업해야합니까?

Question

jQueryMobile 1.1-rc1을 사용하고 있으며 pageloading 표시기가 올바르게 표시되지 않습니다.

나는 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가 버전 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의 표준 현재 버전에 링크하여로드 메시지가 올바르게 표시되는지 확인하십시오.