Mobile WebApp development-jQuery Mobile getting started

The development of the mobile Internet has promoted various mobile Web frameworks. JQuery Mobile is a web UI development framework for touch experience. It is easy to package Web apps into Javascript libraries suitable for touch-screen Mobile devices such as Android and iOS, in combination with HTML5, you can easily and quickly develop a Web App with a good interface and user experience, without installing anything, you only need to set the required *. js and *. the css file can be directly included in the web page.

I. Environment Introduction

(1)jquery.mobile-1.4.0.zip: http://jquerymobile.com/download/

(2) Eclipse 3.7 + Tomcat 7 + JDK 7

Ii. Setup steps

(1) create a dynamic project through Eclipse and create two folders: js and css under WebContent.

(2)decompress jquery.mobile-1.4.0.zip, copy jquery. js and jquery. mobile-1.4.0.min.js under jquery. mobile-1.4.0 \ demos \ js to WebContent \ js

(3) Copy jquery. mobile-1.4.0 \ jquery.mobile-1.4.0.min.css to WebContent \ css, the project directory structure is as follows:

(4) Create the webpage file index.html under WebContent. The content is as follows:

JqueryMobile example 　　 <Script src = "js/jquery. js" type = "text/javascript"> </script> <Script src = "js/jquery. mobile-1.4.0.min.js" type = "text/javascript"> </script> 　　 　　 　　 JqueryMobile example 　　 　　 In 2014, we continued to work hard to realize our dream of flying. 　　 Don't delay the road because you are greedy for the scenery on the side of the road

(5) indexindex, index.html, the following effect is successful!