Introduction to common data-role types of jquery mobile

Introduction to common data-role types of jquery mobile

Data-role parameter table:

Page container, its internal mobile element will inherit the properties set on this container

Header page title container, which can contain text, return buttons, function buttons, and other elements

Footer page footer container, which can contain text, return button, function button, and other elements

Content Page content container, which is a very tolerant container that can contain standard html elements and jQueryMobile elements.

Controlgroup sets several elements into a group, which are generally of the same element type.

The fieldcontain area wraps the container and separates the elements inside the container from those outside the container by adding margins and lines.

Navbar function navigation container, generally speaking, is a tool bar

The listview list display container is similar to the display method of the contact list in the mobile phone.

The list-divider list displays the container header, which is used to display the title of a group of lists and cannot contain links.

Button to set the style of the link and normal button to the jQueryMobile style.

None prevents the framework from rendering the elements so that the elements are displayed in the native html state and are mainly used for form elements.

Data-transition parameter table:

Slide the page from the right to the left

Slideup slides up from the bottom

Slidedown

Pop gradually expands from the center

Fade-in

Flip

 

Data-icon parameter table:

 

Data-iconpos parameter table:

Right icon on the right side of the text

Top icon on Text

The bottom icon is under the text

Pop gradually expands from the center

Fade-in

Flip

 

Case:

 

OffOn