0

我正在尝试在移动、phonegap 和 android 应用程序中获得一个简单的 jQuery。

css 不适用于安卓手机。我在同一主题上浏览了几篇文章，还尝试在本地存储 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>
4

5 回答 5

3

Your best bet is going to be to download the files and place them directly in your project. This will ensure the assets are loaded prior to your app displaying and prevent any runtime issues. Additionally, if the user opens your app and they don't have internet access everything will fail.

If it still isnt working locally, double check your pointers to the files and ensure you are placing them in the right path. Outside of that, there is no reason it shouldnt work.

于 2013-09-30T19:29:01.840 回答
1

实际上，如果网络不可用，您的网页将无法打开，并且您使用的是jquery mobile CDN，似乎一切正常！我的建议是尝试修改您的元数据标签，首先出于调试目的：

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

希望我有所帮助。

于 2013-10-01T00:09:48.927 回答
0

试试 Dom 的建议。如果仍然无法正常工作，请打开并查看您的 LogCat。我遇到了同样的问题，LogCat 说

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

我只是在该文件上注释了第 3195 行，然后 jQuery Mobile 样式出现了

于 2014-02-28T04:26:07.147 回答
0

我在我的安卓手机上尝试了代码，它没有任何改变就可以工作。无需在您的配置中添加访问权限，因为这只是包含一个远程文件而不是发出跨浏览器请求。

您的 phonegap 应用程序设置可能存在一些问题。我不确定，但请检查您是否针对正确的 sdk 版本。

于 2013-10-01T04:58:04.493 回答
-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>
于 2013-11-27T08:16:16.097 回答