jQuery Mobile Configuring

About jQuery Mobile

jQuery Mobile is completely open source and is one of the most popular Mobile. It is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. It is built on the rock-solid jQuery and jQuery UI foundation, and offers Ajax navigation with page transitions, touch events, and various widgets. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Configuring jQuery Mobile into Project

Initially Folder Structure will be like this 

 

         Download latest jQuery Mobile Files (JavaScript, CSS, and images)  from 

http://jquerymobile.com/download/ 

·         Unzip jquery.mobile-1.4.3.zip, take demos folder out of unzip folder

·         Now copy this unzip folder in to assets/www folder

·         Now copy jquery.js files from demos/js folder as we taken out before it

·         Now import the CSS and JavaScript to index file by placing this links on head tag

<link href="jquerymobile/jquery.mobile-1.4.3.css" rel="stylesheet"type="text/css" />

<script src="js/jquery.js" type="text/javascript"></script>

<script src="jquerymobile/jquery.mobile-1.4.3.min.js" type="text/javascript"></script>

·         Now Configuring jQuery Mobile Completed.