在使用 iOS Phonegap 包装的 jQuery Mobile 中找不到具有相关 src 的图像

Posted 2023-03-15

【中文标题】在使用 iOS Phonegap 包装的 jQuery Mobile 中找不到具有相关 src 的图像

【英文标题】：Images with relative src not found in jQuery Mobile wrapped with iOS Phonegap

【发布时间】：2012-02-27 09:31:24

【问题描述】：

问题

我在 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 页面。

解决方案

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

【参考方案1】：

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