jquery Mobile - Auto Divider

Question

我正在使用jquery Mobile AutoDivider作为我的网络项目，它在IE8中运行良好，但由于某些原因在Chrome中它不会为我生成标题。

我的问题是：AutoDivider究竟是如何确定制作“分隔符”的？这只是您<li></li>中的第一项吗？

这是我的基本HTML结构（它最终放在ASP.Net Repeater中：

<ul data-role="listview" data-autodividers="true">
  <li>
      <img src="mySource.jpg" alt="" />
        <h3><a href="#">John Doe</a></h3>
           <p><strong>Company Name Here</strong></p>
           <p>User Address</p>
           <p class="ui-li-aside">
             <strong style="display: none;"><!-- This is what seems to make the headers in IE, placing this right here: -->
             Last Name of Employee</strong>
            </p>
  </li>
</ul>

Answer 1

请参阅文档http://jquerymobile.com/demos/1.2.0/docs/lists/docs-lists.html

  

Autodividers

     

列表视图可以配置为自动为其项目生成分隔符。这是   通过向任何列表视图添加data-autodividers =“true”属性来完成。

     

默认情况下，用于创建分隔符的文本是大写的第一个字母   项目的文字。或者，您可以通过设置＆gt;指定分隔文本。 listview上的autodividersSelector选项以编程方式。