JQuery-mobile 1.4.5 динамический список дубликатов автодизайнеров

Question

У меня есть небольшая проблема с моим приложением. Я использую Jquery-Mobile 1.4.5, и я хочу использовать listview с авторазделителями, заполненными полем SQL в переменной PHP.

Проблема заключается в том, что заголовки автоматических копий дублируются каждый раз, когда результат sql находит имя с той же первой буквой.

Как вы можете видеть в следующей ссылке, на изображении изображены два автопривода, сгенерированных первой буквой «I», и я не знаю, почему lisview не группирует их только в 1 автодивидере.

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

Это код моего основного DIV, которым генерируют динамический autodivider с переменной PHP:

<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 .use следующий код:

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