Странное поведение с JQM Theme Roller и Phonegap
Так как никто не отвечает, и я был отклонен, я постараюсь добавить некоторую информацию.
У меня есть приложение, которое я разрабатываю для Android, используя jQuery Mobile и Phonegap.
Только что я попытался использовать собственную тему Themeroller в своем приложении. Он отлично работает в моем браузере, но как только я скомпилировал его для Android и загрузил на свой телефон, весь CSS исчез из окна. Все просто урезано пустыми элементами. Javascript и HTML все еще присутствуют и работают, как и ожидалось.
Вот как выглядят мои ссылки CSS и JavaScript:
<link rel="stylesheet" href="themes/Custom.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
Я попытался изменить порядок файлов CSS и не изменился. Я использую PhoneGap 3.3, и этот конкретный Android 2.3 (еще не было времени для тестирования на других версиях).
Любые идеи о том, что происходит, как я могу отладить, или как это исправить?
Кстати, я удалил, а затем переустановил приложение.
1 ответ
Поскольку никто не хотел помочь, я немного поэкспериментировал и нашел "починку". Прежде всего, проблема была во всех версиях Android и iOS, а также в телефонной щели.
При включении пользовательской темы Themeroller весь CSS будет удален из приложения. Я понятия не имею, причина этого. Однако, скопировав CSS из файла пользовательской темы и поместив его в мой существующий файл CSS, это сработало. Должна быть некоторая несовместимость между темами Phonegap 3.3.0-3.4.0 и Themeroller для JQM 1.4.2.