When you theme a nested list differently from the page theme, the list sub page will look inconsistent compared to the main page. This is described in the Using a Nested List recipe, in Chapter 6, List Views. This recipe shows you how to theme a nested list in a consistent manner.
Copy the full code of this recipe from the code/10/nested-list
folder. You can launch this code using the URL http://localhost:8080/10/nested-list/main.html
.
Create
main.html
with the#main
page having a nested list, as follows:<div id='main' data-role='page' data-theme='a'> <div data-role='header' data-theme='a'> <h1>Movies</h1> </div> <div data-role='content'> <ul data-role='listview' data-header-theme='a' data- theme='b' data-inset='true'> <li><a href='#'>Director 1</a> <ul data-role='listview' data-inset='true'> <li><a href='#'>Movie 1<...