2014-02-15 76 views
0

我想知道你怎么可以在列表视图更改特定标题的主题<ul data-role=listview>例如有<h>State</h>主题和右侧下方<li>city1</li> <li>city2</li>主题-B然后再次<h>State2</h>主题一个?如何更改列表视图主题

<ul data-role="listview"> 
    <h>State</h> /theme a 
    <li>City 1</li> /theme b 
    <li>City 2</li> /theme b 
    <h1>State 2</h1> /theme a 
</ul> 

回答

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影响规律时listItems而data-divider-theme影响分频器。