phonegap+；jquery移动css在android应用程序中不起作用_Android_Css_Jquery Mobile_Cordova

phonegap+；jquery移动css在android应用程序中不起作用

android css jquery-mobile cordova

phonegap+；jquery移动css在android应用程序中不起作用,android,css,jquery-mobile,cordova,Android,Css,Jquery Mobile,Cordova,我试图在手机、phonegap和android应用程序中获得一个简单的jQuery css在android手机上不起作用。我已经在这里读了几篇关于同一主题的文章，也尝试在本地存储js和css资产，并在config.xml等中添加访问权限，但没有成功。谢谢你的帮助这是html文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page Template</

我试图在手机、phonegap和android应用程序中获得一个简单的jQuery

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>


页面模板
页眉
你好，jQuery手机
页脚

您的最佳选择是下载文件并将其直接放在项目中。这将确保在应用程序显示之前加载资产，并防止任何运行时问题。此外，如果用户打开你的应用程序，而他们没有互联网访问权限，那么一切都将失败

如果它仍然无法在本地工作，请仔细检查指向文件的指针，并确保将它们放置在正确的路径中。除此之外，它没有理由不起作用。

您最好的选择是下载文件并将其直接放在您的项目中。这将确保在应用程序显示之前加载资产，并防止任何运行时问题。此外，如果用户打开你的应用程序，而他们没有互联网访问权限，那么一切都将失败

如果它仍然无法在本地工作，请仔细检查指向文件的指针，并确保将它们放置在正确的路径中。除此之外，没有理由不工作。

事实上，如果网络不可用，您的网页将无法打开，并且您正在使用jquery mobile CDN，似乎一切都正常！我的建议是，首先尝试修改元数据标记，如下所示，以便进行调试：

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

事实上，如果网络不可用，您的网页将无法打开，并且您正在使用jquery mobile CDN，看起来一切正常！我的建议是，首先尝试修改元数据标记，如下所示，以便进行调试：
<meta name='viewport' content='width='device-width'/>

我在我的android手机上试用了该代码，但没有任何改动。
不需要在您的配置中添加访问权限，因为这只是包括一个远程文件，而不是跨浏览器请求
您的phonegap应用程序设置可能有问题。我不确定，但请检查您的目标sdk版本是否正确。我在android手机上尝试了该代码，但没有任何更改。
不需要在您的配置中添加访问权限，因为这只是包括一个远程文件，而不是跨浏览器请求
您的phonegap应用程序设置可能有问题。我不确定，但请检查您的目标是否为正确的sdk版本。
按以下顺序提供head tags链接
 <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> 

按以下顺序提供head tags链接
 <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> 

试试Dom的建议。如果它仍然不工作，打开并查看日志。我和你有同样的问题，洛格卡特说
SyntaxError:在处分析错误file:///android_asset/www/js/libs/jquery.mobile-1.4.1.js:3195

我只是对该文件的第3195行进行了注释，jQuery Mobile样式显示出来
试试Dom的建议。如果它仍然不工作，打开并查看日志。我和你有同样的问题，洛格卡特说
SyntaxError:在处分析错误file:///android_asset/www/js/libs/jquery.mobile-1.4.1.js:3195

我只是在该文件上注释了第3195行，jQuery Mobile样式显示出来
我检查了一下，没有成功。此外，我在浏览器中进行了测试，效果良好。但在我的安卓系统中没有…我检查了一下，没有成功。此外，我在浏览器中进行了测试，效果良好。但不是在我的安卓系统中。。。