Question

我想将我的JQuery移动应用程序从以前的版本升级到新版本。以下是新JQuery Mobile

的链接

我犯的一个大错误就是我在jquery移动样式表上做了很多改变。但是在javascripts上我并没有改变任何东西。

目前我在Header中有这个

<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>

有人知道我怎么能正确地做到这一点？

亲切的问候。

Answer 1

我剥离了结构和主题，让他们独自一人。我将它们分解为结构和核心主题css。这些占主要css的大部分

我创建了一个自定义文件，其中包含我需要的新主题和自定义CSS。这样当我进入比较版本时，我仍然估计一两个小时来比较项目，因为可能需要对我的自定义进行新的添加（加载是一个很好的例子）

棘手的部分是，如果主题中的结构发生变化，您仍需要与自定义主题进行协调，以确保不存在新增内容。

structure.css - 它保存了JQM的基本结构（我也有一个自定义reset.css在最顶部 - 它
可以打破，但我选择覆盖现有的那个）
core-themes.css - 持有核心主题a，b，c，d，e
自定义主题 - f，g，h，i，j，k，l - 等..
custom-css - 包含非常具体的覆盖

将JQuery mobile 1.7.1框架升级到新的1.1

1 个答案: