css - 多个 jQuery Mobile 计数气泡

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;
}