5

jqm-icon-pack-2.1.2-fa.css を Web サイトに追加すると、jQuery UI フォントが表示されません。参照を削除すると、表示されます。Visual Studio 2012 を使用して MVC4 モバイル アプリケーションを作成しています。css ファイルを参照する方法は次のとおりです。

<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile-1.2.0.css")" type="text/css">
<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile.structure-1.2.0.css")" type="text/css">
<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile.theme-1.2.0.css")" type="text/css"> 
<link rel="stylesheet" href="@Url.StaticStylesheet("jqm-icon-pack-2.1.2-fa.css")" type="text/css">

最後の参照を削除すると、jQuery アイコンは機能しますが、Font Awesome アイコンは機能しません。参照を並べ替えようとしましたが、うまくいきませんでした。Firebug でページを調べましたが、違いがわかりません。パスも正しいことを確認しました。自分のウェブサイトへのリンクを投稿したいのですが、エクストラネット内にあるためアクセスできません。私が提供できる最善の方法は、入力を type="search" に設定していて、検索アイコンとクリア テキスト アイコンが表示されないことです。どんな助けでも大歓迎です!!

回答: 私は問題を解決しました。うまくいけば、私のようにキーボードで頭を悩ませていた他の人たちの悲しみと何時間も節約できることを願っています! NuGet パッケージ マネージャーを使用して jQuery モバイルを取得すると、icons-18-black.png、icons-18-white.png、icons-36-black.png、icons-36-white.png という名前の画像ファイルが追加されます。注意しないと、Github Web サイトに、Font Awesome に含める必要がある、icons-18-black-pack.png、icons-18-white-pack.png という、わずかに異なる画像ファイルがいくつかあるという事実を見逃す可能性があります。 、icons-36-black-pack.png、およびicons-36-white-pack.png。これらのファイルの名前には「パック」という単語が含まれており、jQuery モバイルに含まれている元のファイルとは少し異なることに注意してください。不足しているファイルに加えて、ajax-loader とは異なる ajax-loader.png ファイルを必ず追加してください。

4

1 に答える 1

3

私は問題を解決し、他の人が私のようにキーボードで頭を悩ませていた悲しみと何時間も節約できることを願っています! NuGet パッケージ マネージャーを使用して jQuery モバイルを取得すると、icons-18-black.png、icons-18-white.png、icons-36-black.png、icons-36-white.png という名前の画像ファイルが追加されます。注意しないと、Github Web サイトに、Font Awesome に含める必要がある、icons-18-black-pack.png、icons-18-white-pack.png という、わずかに異なる画像ファイルがいくつかあるという事実を見逃す可能性があります。 、icons-36-black-pack.png、およびicons-36-white-pack.png。これらのファイルの名前には「パック」という単語が含まれており、jQuery モバイルに含まれている元のファイルとは少し異なることに注意してください。不足しているファイルに加えて、ajax-loader とは異なる ajax-loader.png ファイルを必ず追加してください。

于 2012-12-20T22:49:14.073 に答える