使用ListView的Jquery Mobile奇怪行为

我正在尝试实现一个代码，其中一个listview被划分为4个可折叠的内容。打开可折叠文件时，用户可以单击一系列选项。如果他单击其中一个选项，应用程序必须显示该选项被单击的次数，可折叠文件的标题必须显示相应可折叠文件中选项的总单击次数

我对标记有问题，而不是javascript逻辑。根据文档，li标记中的span class='ui-li-count'足以显示此类信息。但它呈现出一种奇怪的行为。在某些li中显示信息，而在其他li中不显示信息。格式化和其他方面也存在问题

I made a fiddle to better show : http://jsfiddle.net/j1ugkee4/

如何使jquery mobile正确显示此类信息

---

谢谢你，而不是一个装有可折叠包装的UL。在每个可折叠体中有单独的ULs，如下所示：

<div data-role="collapsible" data-inset="true">
    <h3 id="categoria-falta">Faltas Eliminatórias 
        <span id="counter-total" class="ui-li-count">0</span>
    </h3>
    <ul data-role="listview">
        <li>Desobedecer à sinalização semafórica de parada obrigatória 
            <span class="ui-li-count">6</span>
        </li>
    </ul>
    <span id="button-remove-falta" style="display:none;">
        <a href="#" data-role="button" data-inline="true" data-mini="true">-</a>
    </span>
</div>

消除邪教法
0

在巴西首都帕拉达的西纳利扎岛
6.

更新