Search within TutorialsPark

jQuery Mobile : Approach and Overview


Setting Up jQuery Mobile, learn how to obtain jQuery Mobile and add it to HTML Document


jQuery Mobile : An Overview

The most basic advantage of using jQuery Mobile is that, you need not create widgets explicitly, like in jQuery UI where you need to select elements upon which widgets are to be applied.

The element script is used only to add jQuery Mobile and jQuery Libraries, no script element is used to apply widgets, its applied automatically.


jQuery Mobile : Attribute data-role

The first thing jQuery Mobile looks for is an element with the attribute data-role, the value of data-role tells jQuery about the nature of enhancement required.

Different components of the webpage have different data-role attributes, a given page can have multiple data-role attributes.

Example: jQuery Mobile - Attribute data-role

Give it a TRY! » Note: A single document can contain multiple elements with data-role="page".


jQuery Mobile : Responsive Layout

With the Explosion of Handheld devices in form of Smartphones, the myth of one size fits all has been demolished. Now Developers are using seperate set of Design Layouts for different devices. Be it mobile, tablet or desktop.

jQuery Mobile solves this problem by providing user with a consistent user experience, regardless of the platform i.e Windows, Android, iOS etc.

There is no need for device specific custom settings, the content is rendered uniformally across all devices.Hence its more effective than native code user Interface.