2013-11-26 5 views
1

JQM의 Themeroller를 사용하여 내 응용 프로그램의 테마를 개발했습니다. 지금은 Chrome에서 작동하도록 노력하고 있습니다.JQueryMobile 테마 적용되지 않음

나는과 같이 설정 내 HTML 파일의 머리를 가지고 :

<head> 
    <title>SafeRides</title> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="stylesheet" href="themes/SafeRidesTheme.min.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
</head> 

다음과 같이 내 파일 이사는 다음과 같습니다

Application/ 
    index.html 
    themes/ 
     SafeRidesTheme.css 
     SafeRidesTheme.min.css 
     images/ 

난 그냥의 레이아웃에 뭔가를 분명 실종 내 파일? 누군가 내가 여기에 무슨 일이 일어나고 있는지 깨닫도록 도와 줄 수 있다면 크게 감사하겠습니다.

답변

0

Theme Roller에서 만든 사용자 정의 테마를 사용하는 경우 라이브러리를이 방법으로로드해야합니다.

사용자 정의 스타일 시트 앞에 jQM 기본 스타일 시트를 제거하고 jQM 구조 스타일 시트를로드해야합니다.

<head> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" /> 
    <link rel="stylesheet" href="themes/SafeRidesTheme.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
</head> 
+0

감사합니다. Omar. 고맙게도 :) 이상하게도 JQM Themeroller에서 테마를 다운로드 한 후 "테마를 사용하려면 jquerey.mobile.structure ... 전에 페이지의 머리에 추가하십시오." 그러나, 일했다. – Josh

+0

@Josh 당신은 환영합니다, 나는 그것이 당신을 위해 일해서 다행이다 :) – Omar

관련 문제