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 に答える