2013-09-30 2 views
0

Я пытаюсь получить простой jQuery в мобильном телефоне, телефоне и приложении для Android.phonegap + jquery mobile css не работает в приложении android

css не работает на Android-телефоне. Я поделился несколькими сообщениями здесь по одной теме, также попытался сохранить локальные ресурсы js и css и добавить доступ в config.xml и т. Д., Но не успел. Поймите любую помощь.

Это html-файл.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Page Template</title> 
<meta name='viewport' content='minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no'/> 
<script type="text/javascript" src="cordova.js"></script> 
<link rel='stylesheet' href='http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css' /> 
<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script> 
<script src='http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js'></script> 







</head> 
<body> 

    <div data-role="page"> 
     <div data-role="header"> 
      <h1>Page Header</h1> 
     </div> 

     <div data-role="content"> 
      <p>Hello jQuery Mobile!</p> 
     </div> 

     <div data-role="footer" data-position="fixed"> 
      <h4>Page Footer</h4> 
     </div> 
    </div> 

</body> 
</html> 
+1

Вы решили это? –

ответ

3

Ваш лучший выбор - загрузить файлы и поместить их прямо в свой проект. Это обеспечит загрузку активов до отображения вашего приложения и предотвращение любых проблем времени выполнения. Кроме того, если пользователь открывает ваше приложение, и у него нет доступа в Интернет, все будет терпеть неудачу.

Если он по-прежнему не работает локально, дважды проверьте свои указатели на файлы и убедитесь, что вы размещаете их по правильному пути. Кроме того, нет причин, по которым он не должен работать.

+1

Я проверяю это, без успеха. Кроме того, я тестировал в своем браузере и работает хорошо. Но не в моем Android ... –

1

Фактически, если сеть недоступна, ваша веб-страница не будет открыта, и вы используете jquery mobile CDN, кажется, все в порядке! мое предложение пытается изменить метку метаданных следующим образом:

<meta name='viewport' content='width='device-width'/> 

надеюсь, что я помог.

0

Я пробовал код на своем телефоне Android, и он работал без каких-либо изменений. Нет необходимости добавлять доступ в свой конфиг, так как это просто включает в себя удаленный файл и не выполняет кросс-браузерный запрос.

Возможно, возникла некоторая проблема с настройкой приложения для мобильного телефона. Я не уверен, но проверьте, что вы нацеливаете правильную версию sdk.

-1

дать теги головы ссылку в следующем порядке

<link rel="stylesheet" href="css/jquerymobile132min.css" /> 
    <script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script> 
    <script src="js/jquery191.js"></script> 
    <script src="js/jquerymobile132min.js"></script> 
0

Try предложение Dom в. Если он все еще не работает, включите его и посмотрите на свой LogCat. У меня возникают проблемы с вами, и LogCat говорит

SyntaxError: parse error at file:///android_asset/www/js/libs/jquery.mobile-1.4.1.js:3195.

Я просто прокомментирую строку 3195 в этом файле, а стили jQuery Mobile отображаются

Смежные вопросы