jquery-mobile 1.4.5动态listview重复autodividers

Question

我的应用程序有一点问题。 我正在使用Jquery-Mobile 1.4.5，我想用autodividers使用listview，在PHP变量中填充一个SQL字段。

问题是autodividers标题在每次sql结果找到一个具有相同首字母的名称时都会复制。

正如您在下一个链接中看到的那样，图像显示了使用“I”第一个字母生成的2个autodividers，并且我不知道为什么lisview不会仅在1个autodivider中对其进行分组。

https://1drv.ms/i/s!AmWUBgKqLm-KhjIOlqMJH9Nu1Odb

这是我的主要div的代码，生成至极与PHP变量的动态autodivider：

<div data-role="main" class="ui-content"> 
<h2>Listado de ventas por cliente</h2> 
<form class="ui-filterable"> 
<input id="myFilter" data-type="search" placeholder="Buscar cliente"> 
</form> 
<?php 
while ($row = $res->fetch()) { 
echo'<ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true"> 
<li><a href="#">'.$row[0].'</a></li> 
</ul>'; 
} 
?> 
</div> 

任何帮助是值得欢迎的。愉快的一天:)

Answer 1

您正在使用多个data-autodividers。使用下面的代码：

<div data-role="main" class="ui-content"> 
 
<h2>Listado de ventas por cliente</h2> 
 
<form class="ui-filterable"> 
 
<input id="myFilter" data-type="search" placeholder="Buscar cliente"> 
 
</form> 
 
    <ul data-role="listview" data-filter="true" data-input="#myFilter" data-autodividers="true" data-inset="true"> 
 
<?php 
 
while ($row = $res->fetch()) { 
 
echo'<li><a href="#">'.$row[0].'</a></li>'; 
 
} 
 
?> 
 
    </ul> 
 
</div>