Question

我试图实现一个代码，其中listview分为4个可折叠内容。当您打开可折叠时，有许多选项供用户单击。如果他单击其中一个选项，则应用程序必须显示该选项被单击的次数，并且可折叠的标题必须显示相应可折叠内的选项的总点击次数。

我对标记有问题，而不是javascript逻辑。根据文档，跨度类=＆＃39; ui-li-count＆＃39;里面的li标签足以显示那种信息。但它呈现出一种奇怪的行为。在某些li中显示信息，而在其他信息中则不显示。格式化还存在问题。

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

如何让jquery mobile正确显示这类信息？

感谢

Answer 1

而不是一个包含可折叠的UL。在每个可折叠的身体中都有这样的UL：

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

更新了 FIDDLE

使用listviews的Jquery Mobile Strange行为

1 个答案: