jQuery移动ThemeRoller错误？

Question

我使用ThemeRoller创建了两个不同的按钮(主题C和D)，并自定义了背景颜色和样式。然后，我导入了样式表并在我的Asp.Ner mvc4项目中使用了它。虽然按钮的样式与预期一致，但列表项和按钮丢失了它们的图像。

我的web项目使用主题B来做其他的事情。

然后，我尝试将http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.css加载到ThemeRoller中，希望这些图标不会丢失，并创建了主题F和G。

在项目中使用它时也会发生同样的事情。列表项失去了漂亮的右箭头图标，后退按钮失去了左箭头图标。没有检查其他图标。

有没有其他人遇到过同样的问题？

Answer 1

你可能错过了图标包。下载jquerymobile完整的zip，将图像文件夹复制到您的项目所在的位置。这应该就行了。它通常包含以下文件：ajax-loader.gif、ajax-loader.png、icons-18-black.png、icons-18-white.png、icons-36-black.png、icons-36-white.png

Answer 2

我的自定义Mobile1.1.0主题(IE8中缺少图标)也遇到了同样的问题。然而，当我从ThemeRoller下载默认主题并在我的网站上使用它时，图标显示正确。

我发现，当你尽可能多的点击进入光盘颜色和光盘不透明度设置，即使没有实际更改这些设置，然后下载默认主题，在.css文件中的以下代码中的背景色从#666666 (默认设置)更改为#FFFFFF。

.ui-icon，

.ui-icon-searchfield:在{

背景：#666666 /*{全局图标颜色}*/；

我编辑了我的自定义样式表，使其背景颜色为#666666，并且图标在IE8中变为可见。

同样的行为也适用于两个默认的图标设置，以及不同版本的jQuery移动(例如，1.2.0)。