JQuery Mobile版本1.1.1 - Listview子级LI中的页面

Question

我在向listview子列表（li）添加页面时遇到问题。

我正在做这样的事情：

<ul data-role="listview">
      <li><a href="#">Click me</a>
            <ul>
               <li data-role="page">
                     <div data-role="header" data-position="fixed">
              <h1>Page Title</h1>
           </div>

           <div data-role="content">
              <p>Page content goes here.</p> 
           </div>

           <div data-role="footer" data-position="fixed">
               <h4>Page Footer</h4>
           </div>
         </li>
        </ul>
       </li>
         </ul>  

有没有更好的方法来做到这一点，因为我有一些问题......

• • 固定的页眉和页脚不适用于IOS 6（iphone 3GS）
• • 填充和边距需要设置为0.

这是最好的方法吗？

通常，列表将包含带链接的子列表，但我想要子列表以包含页面详细信息（信息页面）。

更新：尝试此操作但该链接未链接到已生成的页面：

$.each(data.id, function(index, value){

output += <li>\
<a href="#mypage">\
<h3 class="h3_title">link title</h3>\
</a>\
</li>\
<div id="mypage" data-role="page">\
<div data-role="header" data-position="fixed">\
<h1>Page Title sub</h1>\
</div>\
<div data-role="content">\
one<br/>\
</div>\
<div data-role="footer" data-position="fixed">\
<h4>Page Footer</h4>\
</div>\
</div>';

...