Android webview未加载包含资源的完整html页面

时间:2016-03-03 11:13:36

标签: android jquery html jquery-mobile webview

我试图在webview login.html的帮助下在webview中加载loadUrl("http://xyc.com/login.html") html页面包含以下标记

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello </title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--CSS linking -->
    <link rel="stylesheet" href="assets/css/jquery.mobile-1.4.2.css" />
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/custom.css" />
</head>
<body>
<!-- jquery DOM element goes here-->
</body>
<!--Javascript linking -->
<script src="assets/js/jquery-1.9.1.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/jquery.mobile-1.4.2.js"></script>
</html>

jQuery mobile中的方法不能一致地工作,我想知道是否是因为在html页面中加载jqueryjquery-mobie插件时的时序问题或者是Android 4.3 webview中的错误。它只发生在Adroid 4.2&amp; 4.3 webview。 Android logcat显示以下错误

E/Web Console﹕ Uncaught TypeError: Object #<Object> has no method 'remove':12079
E/Web Console﹕ Uncaught TypeError: Object #<Object> has no method 'not':740
E/Web Console﹕ Uncaught TypeError: Object #<Object> has no method 'children':528

1 个答案:

答案 0 :(得分:1)

您测试此代码:

   <link rel="stylesheet" href="file:///android_asset/js/jquery.mobile-1.4.2.css">
   <script src="file:///android_asset/js/jquery.js"></script>
   <script src="file:///android_asset/js/jquery.mobile-1.4.2.js"></script>

或使用:

   <script>
      javascript:loadScript('file:///android_asset/jquery.js','callback')
   </script>