1

jQuery モバイル アプリケーションを作成しています。アイコンがどのページにも表示されません。

ここにコードがあります

<link rel="stylesheet" href="css/jquery.mobile.min.css" /> 
<script src="script/jquery-1.7.1.min.js"></script>
<script src="script/jquery.mobile.min.js"></script>

しかし、CDNでホストされているファイルを使用すると、正常に機能します。なぜこれが起こる必要がありますか？

4

4 に答える 4

8

ローカルで使用する場合は、画像ディレクトリからさらに 4 つのファイルをダウンロードする必要があります。 . これらは、これらのアイコンを表示するために jquery css が使用する 4 つの画像ファイルです。それらをダウンロードして「images」フォルダー内に保存し、css ファイルと同じルート フォルダーを共有します。CDN がこれらのイメージをホストします。

リンクをダウンロード

于 2013-08-30T05:20:44.303 に答える
3

内部パッケージを使用しているためです。内部パッケージは、PC からアイコンを取得する必要があります。ファイル全体を正しいディレクトリに含める必要があります。または、このホストされたライブラリを含めてみてください

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
于 2013-08-30T04:58:42.250 に答える
2

あなたの質問には十分な情報がありません。エラーは、次のような多くの理由で発生する可能性があります。

  • アイコン フォントを使用している場合:
    • フォントは正しいディレクトリにアップロードされていますか?
    • あなたが呼んでいる文字はそのフォントでサポートされていますか?
    • アイコンのはfont-size目に見える値に設定されていますか?
  • jQuery に含まれているアイコンを使用している場合:
    • それらを正しいディレクトリにアップロードしましたか?
    • それらをロードするために、URL が正しい場所を指していますか?
于 2013-08-30T04:58:49.063 に答える
-1

ダウンロードした jQuery Mobile のバージョンでも同じ問題が発生しました。

「 jquerymobile.jqGrid-Trial.zip」ファイルからコードをダウンロードしました。私のラップトップでは、jqGrid Mobile アイコンは問題なく見えましたが、iPhone または Android デバイスでは、ひどくずれていました。

ここに画像の説明を入力

私の解決策は、jquery.mobile.cssファイルの一部を次のように変更することでした。

.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
.ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
    background-image: url(images/icons-18-white.png);
    -moz-background-size: 776px 18px;
    -o-background-size: 776px 18px;
    -webkit-background-size: 776px 18px;
    background-size: 776px 18px;
}

(以前は、別の背景画像名があり、引用された画像の幅は 776px ではなく 864px でした。)

ところで、この解決策を見つけるために、jQuery Web サイトからダウンロードした .zip ファイルを実際に無視し、jqGrid 自身の例 (デバイス上で正常に動作した) を見て、「jquery-mobile-1.2.0. css "彼らが使用することを選択したファイル:

作業中の jQuery Grid デモ

お役に立てれば。

于 2014-07-25T11:27:53.827 に答える