使用iOS Phonegap包装的jQuery Mobile中找不到相对src的图像

Question

问题

我在iOS上的Phonegap中包含了jQuery Mobile的一个奇怪问题。我的应用程序包含两个页面，第二个页面是加载AJAX的。在这两个页面上，我都有像这样的相对来源的图像

<img src="../images/myImage.png" />

在第一页上，图像正确显示。在第二页上，找不到图像。

解释

我用Weinre检查了两张图片的src。似乎Phonegap使用jQuery Mobile页面div的data-url作为相对源的前缀。这适用于第1页

file://path/to/app/html/../images/myImage.png

但不是第2页

file://path/to/app/html/page2../images/myImage.png

为什么Phonegap会在iOS上使用data-url？

环境

令我困惑的是，此问题仅发生在iOS Phonegap 中。它适用于任何浏览器和Android Phonegap。它是一个非常基本的“Hello World”应用程序，带有标准的jQuery Mobile页面。

解决方案

我尝试使用基本标签，但没有用。我尝试从头开始重新设置项目，没有用。有什么想法吗？

Answer 1

我自己找到了答案。显然，jQuery Mobile将链接资源标识为外部资源，如果它们没有像“.html”那样的文件名后缀。我的文件名称没有任何后缀。