2013-11-26 63 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 defualt樣式表並在自定義樣式表之前加載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

謝謝,奧馬爾。我很欣賞:)奇怪的是,在我從JQM Themeroller下載主題後,我完全按照它的要求做了「爲了使用您的主題,將它添加到jquerey.mobile.structure之前的頁面頭部...」但是,工作。 – Josh

+0

@Josh不客氣,我很高興它爲你工作:) – Omar