2012-04-25 71 views
0

我想將我的JQuery移動應用從以前的版本升級到新的版本。這裏是一個新的鏈接JQuery Mobile將JQuery移動1.7.1框架升級到新的1.1

我犯的一個很大的錯誤是我在jquery移動樣式表上做了大量修改。但在javascripts上我沒有改變任何東西。

目前,我有這個在我的頭

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <title>Selligent Mobile</title> 
    <link rel="apple-touch-icon" href="images/app-icon.png"/> 
    <!-- CSS includes --> 
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
    <!--<link href="css/jquery.mobile.simpledialog.min.css" rel="stylesheet" type="text/css" />--> 
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" /> 
    <!-- Script includes -->  

    <script src="js/jquery-1.7.1.min.js"></script> 
    <script src="js/jquery.mobile-1.0.1.min.js"></script> 
    <script src="js/SelligentMobile.js"></script> 
    <script src="js/jquery.mobile.simpledialog2.js" type="text/javascript"></script> 

</head> 

任何人有一個想法,我怎麼能正確地做到這一點?

親切的問候。

回答

0

我剝去了結構和主題,並將它們單獨留下。我將它們分解爲結構和核心主題css。這些持有大多數的主要css

我創建了一個自定義文件,它既包含我的新主題,也包含我需要的自定義css。這種方式,當我去比較版本,我仍然估計一兩個小時來比較項目,因爲可能需要對我的自定義進行新增(加載是一個很好的例子)

棘手的部分是如果結構發生變化在主題中,您仍然需要與您的自定義主題進行協調,以確保不存在新增內容。

  • structure.css - 這個擁有了JQM的基本結構(我也有一個 定製reset.css在最高層 - 它
    可能被打破了,但我選擇只覆蓋現有有)

  • 芯themes.css - 保存核心主題A,b,C,d,E

  • 定製主題 - F,G,H,I,J,K,L - 等..

  • custom-css - 包含非常具體的覆蓋