0

JQuery モバイル アプリを以前のバージョンから新しいバージョンにアップグレードしたいと考えています。新しいJQuery Mobileへのリンクは次のとおりです。

私が犯した大きな間違いは、jquery モバイル スタイルシートに大量の変更を加えたことです。しかし、JavaScriptでは何も変更しませんでした。

現時点では、ヘッダーにこれがあります

<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 の両方を保持するカスタム ファイルを作成しました。この方法でバージョンを比較するとき、アイテムを比較するのにまだ 1 時間か 2 時間かかると見積もっています。これは、カスタムに新しい追加を行う必要がある場合があるためです (読み込みが良い例です)。

トリッキーな部分は、テーマの構造が変更された場合でも、新しい追加が存在しないことを確認するためにカスタム テーマと調整する必要があることです。

  • 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 に答える