Jquery-mobile 1.4.5 动态列表视图重复自动分隔符

Question

我的申请有点问题。我正在使用 Jquery-Mobile 1.4.5，我想使用带有自动 dividers 的列表视图，在 PHP 变量中填充 SQL 字段。

问题是，每当 sql 结果发现首字母相同的名字时，autodividers 的标题就会重复。

在下一个link中可以看到，图片显示了2个autodividers用"I"首字母生成，我不知道为什么lisview没有不要将它们集中在 1 个 autodivider 中。

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

这是我的主要代码 div，它使用 php 变量生成动态自动 divider：

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

Jquery-mobile 1.4.5 动态列表视图重复自动分隔符

Jquery-mobile 1.4.5 dynamic listview duplicate autodividers

php

jquery-mobile