5

当我将 jqm-icon-pack-2.1.2-fa.css 添加到我的网站时,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 Mobile 时,它​​会添加一些名为 icons-18-black.png、icons-18-white.png、icons-36-black.png 和 icons-36-white.png 的图像文件。如果你不小心,你可能会错过这样一个事实,即 github 网站上有一些稍微不同的图像文件需要包含在 Font Awesome 中,称为 icons-18-black-pack.png、icons-18-white-pack.png 、icons-36-black-pack.png 和 icons-36-white-pack.png。请注意,这些文件的名称中包含“pack”一词,它们与 jQuery mobile 中包含的原始文件略有不同。只需确保添加丢失的文件以及与 ajax-loader 不同的 ajax-loader.png 文件即可。

4

1 回答 1

3

我解决了这个问题,希望可以像我一样为其他人节省一些悲伤和数小时的敲击键盘的时间!当您使用 NuGet 包管理器获取 jQuery Mobile 时,它​​会添加一些名为 icons-18-black.png、icons-18-white.png、icons-36-black.png 和 icons-36-white.png 的图像文件。如果你不小心,你可能会错过这样一个事实,即 github 网站上有一些稍微不同的图像文件需要包含在 Font Awesome 中,称为 icons-18-black-pack.png、icons-18-white-pack.png 、icons-36-black-pack.png 和 icons-36-white-pack.png。请注意,这些文件的名称中包含“pack”一词,它们与 jQuery mobile 中包含的原始文件略有不同。只需确保添加丢失的文件以及与 ajax-loader 不同的 ajax-loader.png 文件即可。

于 2012-12-20T22:49:14.073 回答