How to List Item Count Bubbles in Jquery Mobile using Jquery

in this web programming tutorial we will learn how to implement count bubbles in jquery mobile application using jqery. Count bubbles are the icons in list views that show count information of the item in question. To include a count bubble with jQuery Mobile, add the markup and include the class ui-li-count.

Items10
Restaurants9




French
3





Le Central

9
Make Reservations




Bistro Vandome

Make Reservations




Antoine's

Make Reservations






Cajun
3


Bayou Bob's
Pappadeaux
Lucile's





American
3


Dixon's
Vesta Dipping Grill
Steuben's

As of this writing, count bubbles only work within anchor tags inside of list items, or within list view dividers (list items with datarole=" divider" appli e d t o t he m). I n s plit butt ons, count bubbl es cannot be included in the last anchor tag.