jQuery Mobile學習日記之HelloWorld

時間 2019-11-20

標籤 jquery mobile 學習日記 helloworld 欄目 JQuery 简体版

原文原文鏈接

這裏是本人學習jQuery Mobile的過程，主要用於記錄，過程當中有不對的地方或不嚴謹的地方，歡予以指出糾正，很是感謝！javascript

一、首先是下載安裝如下文件：css

【Opera Mobile Emulator】 http://www.opera.com/zh-cn/developer/mobile-emulator。在PC機上模擬移動設備，但素後來發現Myeclipse2014貌似有帶模擬器。html

【Myeclipse2014】 http://pan.baidu.com/s/1gd4PE3D 密碼：lv3v java

如下我是下載了，扔到一個文件夾就沒管了-_-不知道有木有影響= =jquery

【jQuery核心庫】 http://jquery.com/download/canvas

【jQuery Mobile】 http://jquerymobile.com/eclipse

下載地址：http: //jquerymobile.com/resources/download/jquery.mobile-1.3.2.zip 學習

二、根據百度：http://jingyan.baidu.com/article/f0e83a25b2d7da22e5910107.htmlspa

三、點開，修改一下要顯示的字：code

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8"/>
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 6     <meta name="description" content="A single-page template generated by MyEclipse Mobile Tools"/>
 7 
 8     <title>喆喆</title>
 9 
10     <link rel="stylesheet" href="./css/jquery.mobile-1.3.0.css"/>
11         
12     <script type="text/javascript" src="./js/jquery-1.8.3.js"></script>
13     <script type="text/javascript" src="./js/jquery.mobile-1.3.0.js"></script>
14     <script type="text/javascript" src="rte/cordova.js"></script>
15     <script type="text/javascript" src="rte/rte.js"></script>
16     <script type="text/javascript" src="js/main.js"></script>
17     
18     <link rel="stylesheet" href="css/style.css" />
19 </head>
20 
21 <body>
22     <div data-role="page">
23         <div data-role="header" >
24             <h1>喆喆君主頁~</h1>
25         </div><!-- /header -->
26 
27         <div data-role="content" >
28             <p>HolleWorld！</p>
29                 <canvas width="" height="300"></canvas>
30         </div><!-- /content -->
31 
32         <div data-role="footer" data-position="fixed" >
33             <h4>@sucia</h4>
34         </div><!-- /footer -->
35     </div><!-- /page -->
36 </body>
37 </html>