我有一个移动Web应用程序（.NET MVC），我正在使用JQuery Mobile（beta 3＆amp; jQuery 1.6.3）。我的问题是关于各种元素的属性'data-icon'。例如，我有一个元素：
<a href="@Url.Action("Index", "Home")" data-icon="home" data-iconpos="notext">Home</a>
当我在本地运行应用程序时，一切都按预期显示。里面有一个带有“主页”图像的小圆形按钮。当我将我的应用程序部署到我的主机（Arvixe）时，这个按钮在Chrome中按预期呈现，但在我的手机（Nexus One）上没有按预期呈现。在我的手机上，主页图标图像根本不显示。
JQuery mobile以下列方式引用图像精灵：
background-image:url(images/icons-18-white.png);
我可以验证这个图像确实存在于正确的位置，因为它出现在桌面浏览器上，我可以通过URL（桌面和移动设备）访问它，我的主机日志显示对该URL的请求即将到来返回200响应。我甚至已连接我的Web应用程序，同时托管到weinre服务器，我可以验证DOM元素是否具有正确的图像路径。更奇怪的是，当我在手机上访问jquerymobile.com时，会出现相同的图标，问题似乎与我的托管网站隔离。
我有什么东西可以俯瞰吗？感谢。
答案 0 :(得分：6)
我想我可能已经解决了这个问题。从jQuery mobile beta 2升级到3时，我也没有升级相应的图像。抓住更新的图像似乎已经成功了。
答案 1 :(得分：3)
将您的图片文件夹（来自jquery-mobile下载的zip文件）与您的css文件放在一起。
例如：如果您已将.css文件复制到名为
的某个位置d:\project\styles\jquery.mobile-1.x.x.css
然后请将图像文件夹放在下面显示
d:\projects\styles\images
答案 2 :(得分：0)
你需要在锚点上设置data-role =“button”，使它们与jQM（jQuery Mobile）一起显示为按钮。 see here
<a href="#" data-role="button" data-icon="home" data-iconpos="notext">Home</a>
这是我唯一能想到的。
答案 3 :(得分：0)
最新的jquerymobile解决了这个问题。如果没有，您需要检查以下步骤。