jquerymobile-10 为list添加数字气泡(count bubbles)

在项目中,我们一般使用list显示一个列表,如果这个列表还有子项的时候,有时候我们需要在上面加上子项的数目,这时候我们就可以使用jquerymobile提供的CSS类中的ui-li-count类实现这样的效果。一段例子代码如下:




Count Bubble Example








My Header

  • Cookies Eaten
  • A 9
  • B 4
  • C 13
  • D 8

My Footer


我们只要添加一个span并且给起添加ui-li-count类就可以实现了。效果如下:


如果哪里写错了,还请指出。

你可能感兴趣的:(jquery,mobile,jquerymobile入门)