Изображения с относительным источником не найдены в jQuery Mobile, завернутые в iOS Phonegap - PullRequest
0 голосов
/ 27 февраля 2012

Issue

У меня странная проблема с jQuery Mobile, обернутым в Phonegap на iOS.Мое приложение состоит из двух страниц, вторая страница загружается с помощью AJAX.На обеих страницах у меня есть изображения с относительным источником, подобным этому

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

На первой странице изображение отображается правильно.На второй странице изображение не найдено.

Объяснение

Я проверил src обоих изображений с Weinre.Похоже, Phonegap использует URL-адрес div-страницы jQuery Mobile в качестве префикса к относительному источнику.Это работает на странице 1

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

, но не на странице 2

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

Почему Phonegap использует URL-адрес данных в iOS?

Среда

Меня смущает то, что эта проблема возникает только в iOS Phonegap .Он отлично работает в любом браузере и в Android PhoneGap.Это очень простое приложение типа «Hello World» со стандартной страницей jQuery Mobile.

Решения

Я пытался использовать базовый тег, но он не работал.Я попытался настроить проект заново, не сработало.Есть идеи?

1 Ответ

1 голос
/ 27 февраля 2012

Я нашел ответ сам. Очевидно, jQuery Mobile идентифицирует связанные ресурсы как внешние, если у них нет суффикса имени файла, например «.html». Мои файлы были названы без суффиксов.

...