Introduction to Data-role types commonly used by jquery mobile

transfer from original text Introduction to Data-role types commonly used by jquery mobile

Data-role parameter table:

page container whose internal mobile element inherits the properties set on the container .

Header page title container, inside the container can contain text, return button, function button and other elements

Footer page Footer container, inside this container can also contain text, return button, function button and other elements

content page Contents container, this is a very tolerant container, internal can contain standard HTML elements and jquerymobile elements

Controlgroup sets several elements into a group, typically several of the same element types

The Fieldcontain area wraps the container, and separates the elements inside the container from the elements outside the container by increasing the margin and dividing the line.

NavBar function Navigation container, popular speaking is the tool bar

ListView List Display container, similar to how a contact list is displayed in a phone

List-divider the table header of the container to display a list of headings that cannot contain links inside

Button to set the style of the link and the normal button to be the jquerymobile style

None prevents the frame from rendering elements so that the elements are displayed in the native HTML state, primarily for form elements.

Data-transition parameter table:

Slide slide from right to left into page

Slideup slide up from the bottom

Slidedown slide in from top to bottom

Pop expands from center fade

Fade Fade

Flip flipping

Data-icon parameter table:

Data-iconpos parameter table:

right icon in the text

Top icon above the text

Bottom icon below the text

Pop expands from center fade

Fade Fade

Flip flipping

Introduction to Data-role types commonly used by jquery mobile