0

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

我犯的一个大错误是我对 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>

有人知道我该如何正确地做到这一点吗？

亲切的问候。

4

1 回答 1

0

我剥离了结构和主题，将它们单独放置。我将它们分解为结构和核心主题 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 - 包含非常具体的覆盖

于 2012-04-25T12:28:15.247 回答