2012-11-21 12 views
5

私のウェブサイトにjqm-icon-pack-2.1.2-fa.cssを追加すると、jQuery UIフォントが表示されません。参照を削除すると、それらが表示されます。私は最後の参照を削除する場合は、jQueryのアイコンが動作フォント驚くばかりのアイコンがjQueryのUIアイコンと矛盾しています

<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"> 

が、フォント恐ろしいアイコンがない:私はここでのVisual Studio 2012を使用してMVC4モバイルアプリケーションを私はcssファイルを参照していますどのようにされて作成しています作業。私は参照を並べ替えることを試みたが、それは働かなかった。私はFirebugでそのページを調べたが、違いは見えない。私はパスが正しいことを確認しました。私は自分のウェブサイトへのリンクを掲示したいが、エクストラネットの中にあり、アクセスできない。私が提供できる最高ののは、タイプ= "検索"の入力を設定していて、検索アイコンとクリアテキストアイコンが表示されないということです。どんな助けでも大歓迎です!!

回答:私は問題を解決し、うまくいけば、私がしたようにキーボードで頭を打ちのめすいくつかの苦痛と時間を他の人に救うことができます! NuGet Package Managerを使用してjQuery Mobileを入手すると、icons-18-black.png、icons-18-white.png、icons-36-black.png、およびicons-36-white.pngというイメージファイルが追加されます。あなたが慎重でない場合は、githubのウェブサイト上に少し異なる画像ファイルがあり、icons-18-black-pack.png、icons-18-white-pack.pngというFont Awesomeに含める必要がある、icons-36-black-pack.png、およびicons-36-white-pack.png。 「pack」という単語は、これらのファイルの名前に含まれており、jQuery Mobileに含まれる元のファイルとは少し異なります。不足しているファイルとajax-loader.pngファイルを追加してください。これはjQuery Mobileに含まれているajax-loader.gifファイルとは異なり、すべて動作するはずです。

+1

あなたの質問に対する回答を編集し、あなたの質問に対する実際の回答として投稿し、それを受け入れたものとしてマークする必要があります。あなたの質問がリストに表示されるのを見ると、実際の解決策があることがわかります。 – Jack

+0

申し訳ありませんが、実際に自分の質問に答えを投稿できるようになるまで待たなければなりませんでした。それがなぜ私は答えを投稿したかもしれないが、それはなぜであるかわからない。ありがとう! – Darrell

答えて

3

私はこの問題を解決し、うまくいけば、私がしたようにキーボードで頭を打ちのめすいくつかの苦痛と時間を節約することができます! NuGet Package Managerを使用してjQuery Mobileを入手すると、icons-18-black.png、icons-18-white.png、icons-36-black.png、およびicons-36-white.pngというイメージファイルが追加されます。あなたが慎重でない場合は、githubのウェブサイト上に少し異なる画像ファイルがあり、icons-18-black-pack.png、icons-18-white-pack.pngというFont Awesomeに含める必要がある、icons-36-black-pack.png、およびicons-36-white-pack.png。 「pack」という単語は、これらのファイルの名前に含まれており、jQuery Mobileに含まれる元のファイルとは少し異なります。不足しているファイルとajax-loader.pngファイルを追加してください。これはjQuery Mobileに含まれているajax-loader.gifファイルとは異なり、すべて動作するはずです。

関連する問題