2014-02-15 6 views
0

мне было интересно, как вы можете изменить тему определенного заголовка под видом списка <ul data-role=listview>, например, иметь <h>State</h> тему-а и прямо под ним <li>city1</li> <li>city2</li> тема-б потом снова <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

Вы можете использовать список разделительной особенность виджета списка следует (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 влияет на делители.

Смежные вопросы