jQuery Mobile
基本骨架
建立一个项目文件夹,从官方包中复制下面的文件:
官方包中的其他文件,不要复制进来。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" /> → 必须记得写视口啊! 7 <link rel="stylesheet" href="jquery.mobile-1.4.2.min.css" /> → 引入准备的css 8 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> → 先引入jQuery库 9 <script type="text/javascript" src="jquery.mobile-1.4.2.min.js"></script> → 再引入jQM库! 10 </head> 11 <body> 12 <div data-role="page"> 13 <div data-role="header"> 14 <h1>这是jQM的骨架!</h1> 15 </div> 16 <div data-role="content"> 17 里面可以有任何内容 18 </div> 19 <div data-role="footer" data-position="fixed"> 20 <h4>我是页脚</h4> 21 </div> 22 </div> 23 </body> 24 </html> |