jQuery Mobile спрайты не отображаются, когда CSS включен в качестве локального ресурса в UIWebView на iPhone - PullRequest
2 голосов
/ 13 мая 2011

На iPhone я использую UIWebView для отображения некоторого контента, который хранится на устройстве, чтобы мой контент можно было просматривать на устройстве, когда нет подключения к Интернету.Я использую jQuery и мобильные приложения для создания веб-приложений и мобильных приложений, использующих одну кодовую базу.

Когда я включаю:

<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 ... так что это должно быть как-то связано с тем, как веб-сервер обслуживает страницу, а не в виде файла ......

Я поиграл с загрузкой одной и той же страницы дважды с отдельными UIWebViews, пытаясь увидеть, есть ли какая-то проблема с синхронизацией ... так как локальный ресурс будет загружаться намного быстрее, чем удаленный ресурс.Второй экземпляр UIWebView загрузил его правильно.Есть ли команда $ .mobile, которую я могу вызвать для обновления страницы, или для библиотеки, чтобы сделать ее волшебной?

есть идеи?

спасибо за любую помощь

Ответы [ 3 ]

5 голосов
/ 14 мая 2011

Вопрос был дан ответ на форуме jQuery.Забавно, ответ был связан с моими комментариями выше, и я все еще не думал смотреть на файлы изображений!palm2forehead

пришлось зайти в файл jssery mobile css и удалить ссылки на каталог "images".IOS не обрабатывает каталоги как обычные системы, поэтому, как только я это сделал, все было в порядке.

1 голос
/ 12 июля 2011

Это не решило мою проблему с изменением пути. Мне пришлось искать в 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%;}
0 голосов
/ 21 февраля 2013

Поместите все (js, css) в папку www вместе с файлом index.html и включите такой файл, как этот <script src="jquery-mobile-min.js"> `, это решило мою проблему.

...