Installing jQuery Mobile into a website is an easy task.As with jQuery UI, you can choose to install it locally, or you can run the JavaScript and CSS from jQuery’s website.
Most people run it from their local site, as it reduces the DNS look-ups, which are slower in most mobile browsers/networks.
To download jQuery Mobile, you will want to start by going to their website http://jquerymobile.com/. From there you can choose how to download the framework.
The latest stable will give you a complete set of files that you can work from. The custom download button lets you choose which files you want to use. This can make your download smaller for your users, however, you will need to have some additional familiarity with jQuery Mobile to know which components you will and won’t need.
Adding the Script to the Page
The CSS, and JavaScript files need to be placed at the top of the web page. This is a little different from some web page best practices. Usually JavaScript files are placed toward the bottom of the page to make pages load and display faster.
However, due to the internals of how jQuery Mobile works, the files need to be placed in the head tag of your HTML file(s). You should still place your CSS file first.
There are two JavaScript files you must load. First is jQuery itself. The version of jQuery Mobile will define which minimum version of jQuery you will need to run. Load it with a script tag. Then use another script tag to load the jQuery Mobile page.
As such, your head tag will look something like the following, most likely. (Please note, the exact location of your files may change.)
jQuery Mobile Demo Page
Downloading & “Installing” jQuery Mobile was originally found on Access 2 Learn
