Question

我们是否需要在JQueryMobile开发的移动网站的每个html页面中包含CSS和JS文件？

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

我认为它不在documentation中，或者我只是错过了它。

Answer 1

对于应用程序中需要的每个页面，您应该有一个带有<div data-role="page">的html文档。查看Multi page template的源代码。

<html>

   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>Multi-page template</title> 

     <!-- CSS and JS files here-->
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
     <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">/script>
   </head> 


   <body> 

     <div data-role="page" id="first">
       <!-- Code for your first page -->
     </div>

     <div data-role="page" id="second">
       <!-- Code for your second page -->
     </div>

  </body>
</html>

JQuery Mobile Site中的CSS和JS文件

1 个答案: