当我将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 Package Manager获取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.png文件,该文件与jQuery mobile附带的ajax-loader.gif文件不同,并且所有文件都可以正常工作。答案 0 :(得分:3)
我解决了这个问题,并希望可以像其他人那样在键盘上敲打他们一些悲伤和时间!当您使用NuGet Package Manager获取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.png文件,该文件与jQuery mobile附带的ajax-loader.gif文件不同,并且所有文件都可以正常工作。