HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
By default, each list item will contain an arrow icon "carat-r" (right arrow). If you want to change this icon can use the data-icon attribute:
data-icon = "false" will remove the icon. |
A more complete jQuery Mobile button icons, please visit our jQuery Mobile icon Reference Manual .
If you want to add to your list of criteria 16x16px icon, you can add the <img> element in the list items and use the "ui-li-icon" category:
An image larger than 16x16px, add the <img> element in the link.
jQuery Mobile will automatically scales the image to 80x80px:
Use standard HTML to add a list of information:
In the list of <img> element uses class = "ui-li-icon" Add 16x16px icon:
JQuery Mobile in the list, it is sometimes necessary to make two different options for the content of the operation, then, the need for options link button segmentation. The method of segmentation is to achieve <li> element to add a <a> element, it can achieve the effect of dividing the page.
jQuery Mobile will automatically set the second link blue arrow icon, the icon is displayed when the link text (if any) in the user hovers over the icon:
Add some pages and dialog boxes to make the link more feature-rich:
Bubble numbers are used to display the number associated list item, such as a mailbox:
To add bubble numbers, using the inline elements like <span>, set the class "ui-li-count" attribute and add the numbers:
Note: The correct display of a digital bubble, you must modify the programming. This will be explained in later chapters.
Pop list
How to create a list of pop
Change the default link icon list items
How to set the default link icon list items (default right arrow).
Collapsible pop list
How to create a collapsible list of pop.
List foldable
How to create a show / hide list.
More formats
How to create a calendar.