在帶有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”。 我的文件沒有任何后綴。