У меня есть мобильное веб-приложение (.NET MVC), и я использую JQuery Mobile (бета-версия 3 и jQuery 1.6.3).Мой вопрос касается атрибута «data-icon» для различных элементов.Например, у меня есть элемент:
<a href="@Url.Action("Index", "Home")" data-icon="home" data-iconpos="notext">Home</a>
Когда я запускаю приложение локально, все выглядит как положено.Есть маленькая круглая кнопка с изображением «дома» внутри.При развертывании приложения на моем хосте (Arvixe) эта же кнопка отображается так, как и ожидалось в Chrome, но не отображается так, как ожидалось, на моем мобильном телефоне (Nexus One).На моем телефоне изображение значка дома не отображается вообще.
JQuery mobile ссылается на спрайты изображений следующим образом:
background-image:url(images/icons-18-white.png);
Я могу убедиться, что это изображение действительно существуетв правильном месте, как это отображается в браузере настольного компьютера, я могу получить к нему URL-адрес (Desktop и Mobile), и мой журнал хоста показывает, что запросы на этот URL возвращаются с ответом 200.Я даже подключил свое веб-приложение, находясь на сервере weinre, и могу убедиться, что у элемента DOM правильный путь к изображению.Что еще более странно, это то, что когда я захожу на jquerymobile.com на моем телефоне, появляются те же значки, проблема кажется изолированной для моего размещенного сайта.
Есть ли что-то, что я пропускаю?Спасибо.