Question

我的申请有点问题。我正在使用Jquery-Mobile 1.4.5，我希望将listview与autidividers一起使用，在PHP变量中填充一个SQL字段。

问题是每次sql结果找到具有相同首字母的名称时，autidividers标题都会重复。

正如您在下一个链接中看到的那样，图像显示了使用“I”首字母生成的2个自动分割器，我不知道为什么lisview不会仅在1个自动分割器中对它们进行组合。

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

这是我的主div的代码，它使用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。请使用以下代码：

<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动态listview重复autidividers

1 个答案: