Dar*_*ell 5 jquery-mobile font-awesome
当我将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不同的ajax-loader.png文件.
我解决了这个问题，希望可以为其他人节省一些悲伤，并像我一样在键盘上敲打几个小时！当您使用 NuGet 包管理器获取 jQuery Mobile 时，它会添加一些名为 icon-18-black.png、icons-18-white.png、icons-36-black.png 和 icon-36-white.png 的图像文件。如果你不小心，你可能会错过这样一个事实：github 网站上有一些略有不同的图像文件，你需要将其包含在 Font Awesome 中，称为 icon-18-black-pack.png、icons-18-white-pack.png 、icons-36-black-pack.png 和 icon-36-white-pack.png。请注意，这些文件的名称中包含“pack”一词，它们与 jQuery mobile 包含的原始文件略有不同。只需确保添加缺失的文件以及 ajax-loader.png 文件，该文件也不同于 jQuery mobile 中包含的 ajax-loader.gif 文件，并且所有文件都应该有效。