There are two ways to add jQuery Mobile to your web site. You can:
A CDN (Content Delivery Network) is used to distribute often-used files
across the web. This makes download speed much faster for the user. |
As with jQuery core, there is nothing to install on your computer; you just include the following stylesheet (.css) and JavaScript libraries (.js) directly into your HTML page, to get jQuery Mobile to work:
The viewport <meta> tag inside the <head> element specifies how the browser should control the page zoom level and dimensions. The width=device-width sets the width of the page to follow the screen-width of the device (which will vary depending on the device). The initial-scale=1 sets the initial zoom level when the page is first loaded by the browser. |
If you want to host the jQuery Mobile library yourself, you must first download it from jQuerymobile.com.
Then add the following code to your page:
Tip: Place the downloaded files in the same directory as the pages where you wish to use it.
Do you wonder why we do not have type="text/javascript" inside the <script> tag? This is not required in HTML5. JavaScript is the default scripting language in HTML5 and in all modern browsers! |