0

我在将页面添加到列表视图子列表 (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>';

...
4

1 回答 1

1

您可以将页面添加为 ul 标记之外的单独 div 并使 li 成为它的链接。例如：

<div id="your-current-page" data-role="page">
  <ul data-role="listview">
  .
  .
  .
    <li><a href="#your-second-page">Click me</a>
  .
  .
  .
  </ul>
</div>
<div id="your-second-page" data-role="page">
  You can put here whatever you'd like
</div>
于 2012-09-22T21:55:35.843 回答