0

jQuery Mobile のローカル CSS に問題があります。一部のスタイル (色、境界線、その他のスタイル) が適用されていますが、他のスタイルは適用されておらず、理由がわかりません。リストビューのスタイルが適切に設定されておらず、「ui-loader」がページの下部に表示されています。したがって、次のスタイルは完全には正しくありません。

<link rel="stylesheet" type="text/css" href="./css/mobile-custom.min.css" />
<script type="text/javascript" src="./js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.min.js"></script>

しかし、これは：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="./js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.2.0.min.js"></script>

この問題に対応して: jquery mobile css does not load from local, only from web、他の相対パスも試しましたが、違いはありません。Chrome では、ローカルの jQuery js と css (およびそのajax-loader.gif下の 5 つの画像./css/images/) が確実に読み込まれていることがわかります。Chrome要素/ページインスペクターにもエラーはありません。

なぜこれが起こっているのですか？

4

2 に答える 2

0

Images フォルダの下に 4 つの画像ファイルがあり、これもコピーする必要があります。これは機能します。

于 2013-02-10T10:52:37.243 に答える
0

OK、これを理解するのに2日かかりましたが、ここにあります. テーマローラーを使用して独自のテーマを作成する場合は、「テーマのない構造」の CSS ファイルをダウンロードして追加することを忘れないでください。これは、SOFのどこの回答にも言及されていません。追加することにより:

 <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.2.0.css" />

に：

 <link rel="stylesheet" type="text/css" href="css/jquery.mobile-custom.min.css" />
 <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.2.0.css" />
 <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
 <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
 <script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>

それはすべて最終的に機能します！

于 2013-02-10T16:43:09.843 に答える