2012-04-25 77 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 - 包含非常具体的覆盖