多個jQuery手機計數泡泡

Question

是否有多個jQuery手機計數泡泡你可以看到這裏只有一個氣泡顯示在每個項目旁邊，但我需要6 http://jquerymobile.com/demos/1.2.0/docs/lists/lists-count.html

這甚至有可能嗎？或者我會使用不同的功能？

Answer 1

工作例如：http://jsfiddle.net/Gajotres/kvgUU/

HTML：

<ul data-role="listview" data-count-theme="c" data-inset="true"> 
    <li><a href="#"> 
     Inbox 
     <span class="ui-li-count">12</span>       
     <span class="ui-li-count count-second">62</span> 
     <span class="ui-li-count count-third">62</span> 
     <span class="ui-li-count count-fourth">62</span> 
     <span class="ui-li-count count-fifth">62</span> 
     <span class="ui-li-count count-sixt">62</span></a> 
    </li> 
    <li><a href="#"> 
     Outbox 
     <span class="ui-li-count">62</span> 
     <span class="ui-li-count count-second">0</span></a> 
    </li> 
    <li><a href="#"> 
     Drafts 
     <span class="ui-li-count">62</span> 
     <span class="ui-li-count count-second">4</span></a> 
    </li> 
</ul> 

CSS：

.count-second { 
    right: 70px !important; 
} 

.count-third { 
    right: 100px !important; 
} 

.count-fourth { 
    right: 130px !important; 
} 

.count-fifth { 
    right: 160px !important; 
} 

.count-sixt { 
    right: 190px !important; 
}