我有一个移动Web应用程序(.NET MVC),我正在使用JQuery Mobile(beta 3和jQuery 1.6.3)。我的问题是关于各种元素上的属性'data-icon'。例如,我有一个元素:
当我在本地运行应用程序时,一切都如预期。有一个小圆形按钮,里面有“主页”图像。当我将应用程序部署到我的主机(Arvixe)时,在Chrome中,同样的按钮呈现为预期,但在我的手机(Nexus One)上则不是。在我的手机上,主页图标图像根本不显示。
JQuery mobile以以下方式引用图像精灵:
我可以验证这张图片确实存在于正确的位置,因为它在桌面浏览器上显示出来,我可以通过URL(桌面和移动设备)访问它,我的主机日志显示该URL的请求返回200响应。我甚至将我的Web应用程序连接到weinre服务器进行了托管,并且我可以验证DOM元素具有正确的图像路径。更奇怪的是,当我在手机上访问jquerymobile.com时,相同的图标出现了,问题似乎仅局限于我的托管站点。
我是否忽略了什么?谢谢。
<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时,相同的图标出现了,问题似乎仅局限于我的托管站点。
我是否忽略了什么?谢谢。