如何更改列表视图主题

Question

我想知道你如何在列表视图<ul data-role=listview>下更改某个标题的主题，例如在<h>State</h>主题-a下方<li>city1</li> <li>city2</li>主题-b然后再次{ {1}}主题-a？

<h>State2</h>

Answer 1

您可以使用listview小部件（http://demos.jquerymobile.com/1.4.1/listview/#Listdividers）的列表分隔符功能：

<ul data-role="listview" data-inset="true" data-theme="a" data-divider-theme="b">
    <li data-role="list-divider" >Mail</li>
    <li><a href="#" >Inbox</a></li>
    <li><a href="#" >Outbox</a></li>
    <li data-role="list-divider" >Contacts</li>
    <li><a href="#">Friends</a></li>
    <li><a href="#">Work</a></li>
</ul>

data-theme会影响常规列表项，而data-divider-theme会影响分隔符。