当css作为本地资源包含在iPhone上的UIWebView中时,jQuery移动精灵不显示

当css作为本地资源包含在iPhone上的UIWebView中时,jQuery移动精灵不显示,iphone,css,uiwebview,jquery-mobile,sprite,Iphone,Css,Uiwebview,Jquery Mobile,Sprite,在iPhone上,我使用UIWebView显示设备上存储的一些内容,以便在没有互联网连接的情况下可以在设备上查看我的内容。我正在使用jQuery和mobile工具,试图创建使用一个代码库的web应用程序和移动应用程序 当我包括: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> 一切正常,组成后退按钮、主页图标等的精灵都正常工作

在iPhone上,我使用UIWebView显示设备上存储的一些内容,以便在没有互联网连接的情况下可以在设备上查看我的内容。我正在使用jQuery和mobile工具,试图创建使用一个代码库的web应用程序和移动应用程序

当我包括:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />

一切正常,组成后退按钮、主页图标等的精灵都正常工作。当我将上述内容作为本地资源包括时,例如:

<link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css" />

精灵不显示,我只是在精灵应该出现的地方得到一个黑圈。css中定义的所有其他属性都可以正常工作,但精灵除外。如果我对本地资源命名错误,一切都会一团糟,因此我知道css作为本地资源被包括在内,但作为本地资源和远程资源的处理方式是不同的。如果我点击运行apache的本地开发框,它甚至可以工作。。。因此,这一定与web服务器如何为页面提供服务有关,而不是将其作为文件包含

我试着用不同的UIWebView加载同一个页面两次,试图看看是否有时间问题。。。因为本地资源的加载速度比远程资源快得多。UIWebView的第二个实例正确加载了它。我是否可以调用$.mobile命令来刷新页面,或者让库发挥神奇的作用

有什么想法吗


感谢您的帮助

问题在jQuery论坛上得到了回答。有趣的是,答案与我上面的评论有关,我仍然没有想到要看图片文件!掌心

必须进入jquerymobilecss文件并删除对“images”目录的引用。IOS不像普通系统那样处理目录,所以一旦我这样做了,一切都没问题


这并没有解决我改变道路的问题。 我必须在mobile.css中查找,我发现图标首先是用图像设置的,然后是用类移动的,我必须在移动背景图像的类上设置full background属性

像这样:

.ui-icon-plus {
background:#9c9c9c url(icons-18-white.png) no-repeat 0 50%; }
老办法是:

.ui-icon-plus {
background-position:-0 50%;}

将所有内容(js、css)连同index.html文件一起放入www文件夹,并包含像这样的文件
`,它解决了我的问题。

即使是本地资源,你也应该提供直接路径。我在你的开发配置文件中没有看到iPhone,所以我会提到一些你可能不知道的东西。应用程序包中的资源文件位于该应用程序的根目录中。第二个样式表包含示例是我所知道的设备上的文件的最直接URL。如果有同样的问题,并将所有内容转储到同一目录中,则修复了该问题。但是,不能有css目录是一种拖累。