Question

当在android项目的assets文件夹中本地存储jquery mobile css和js文件时，Jquery移动样式不会在android App中呈现。但同样的工作是通过包含来自CDN的jquery移动文件。帮帮我

    <!DOCTYPE html>
 <html>
  <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SAMPLE</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="file:///android_asset/www/css/jquery.mobile-1.3.2.min.css" /> 
    <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/js/cordova-2.7.0.js"></script>
    <script src="file:///android_asset/www/js/jquery.mobile-1.3.2.min.js"></script> 

  <!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
 <script src="js/TamkeenJQ.js"></script>
   -->

  </head>
  <body>
   <div data-role="page" id="page1"> 
    <div data-role="header" data-position="fixed">
     Header
    </div>
    <div data-role="content">
    content
    <button onclick="changePageFn()">Change Page</button>
    </div>
    <div data-role="footer" data-position="fixed">
     Footer
    </div>
   </div> 

   <div data-role="page" id="page2"> 
    <div data-role="header" data-position="fixed">
     Header
    </div>
    <div data-role="content">
    content
    </div>
    <div data-role="footer" data-position="fixed">
     Footer
    </div>
   </div>

  </body>

 </html>

Answer 1

实际上，它在您的实施中看起来有些问题。

如果您已包含与jquery mobile相关的js和css文件的正确路径。

解决方案：重新验证js和css文件的路径。

Answer 2

在头标记中使用以下顺序

 <link rel="stylesheet" href="css/jquerymobile-1.3.2.min.css" /> 
    <script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
    <script src="js/jquery-1.9.1.js"></script> 
    <script src="js/jquerymobile-1.3.2min.js"></script>

Answer 3

首先添加jquery css文件。
然后添加jquery 1.9.1 js文件。
然后添加jquery mobile 1.3.2 js文件。

在Android应用程序中本地包含Jquery移动

3 个答案: