jQuery Mobile Content List
jQuery Mobile thumbnail list
16x16px larger than the image, add in the link element.
jQuery Mobile will automatically scale the image to 80x80px:
Examples
try it"
Uses standard HTML list information is added:
Examples
try it"
jQuery Mobile icon list
In the list of elements using class = "ui-li-icon " Add 16x16px icon:
Examples
try it"
Split button
In the list of JQuery Mobile is sometimes necessary to do two different operations on the entries, then, the need for link button option segmentation. Segmentation is the way to achieve
- Elements add another element, it can achieve the effect of splitting the page.
jQuery Mobile will automatically set the second link is a blue arrow icon displayed (if any) will be in the user hovers over an icon in the icon link text:
Examples
try it"
Add some pages and dialogs to make the link more feature-rich:
Examples
try it"
Bubble Digital
Bubble numbers are used to display the list item numbers, e-mail in a mailbox as:
To add bubbles numbers, using the inline element, for example, set class "ui-li-count" attributes and add numbers:
Examples
try it"
Note: The correct display of a digital bubble, it must be modified programmatically. This will be explained in later chapters.
More examples
Change the default link icon list items
How to set the default link icon list items (default right arrow).
Collapsible list
How to create a display / hide the list.
More formats
How to make a calendar.
This article reprinted from: w3cschool
(Editor: Leilin Peng Source: network intrusion deleted)