1

JQuery Mobile を使用してウェブラジオ ステーションのリストを作成したいと考えています。リストの一部 (ステーション名やジャンル タグなど) は永続的に表示される必要がありますが、他の部分 (URL やコメントなど) は折りたたまれ、必要に応じて折りたたまれないようにする必要があります。

私の要件を明確にするために、例を作成しました:

<div data-role="content">
    <ul data-role="listview">
        <li>
            <h2>Item 1</h2>
            <div class="tag-list">
                <span class="tag">Tag A</span>
            </div>
            <div class="comment-list">
                <div class="comment">
                    <p>This is a comment</p>
                </div>
                <div class="comment">
                    <p>Another comment</p>
                </div>
            </div>
        </li>
    </ul>
</div>

(こちらをご覧ください:http://jsfiddle.net/uAvpS/1/

およびのみcomment-listcomment折りたたむ必要があり、残りは常に表示する必要があります。

これはどのように達成できますか?私の見解では、これは折りたたみ可能なリストとは異なります

4

1 に答える 1

1

それぞれliに adata-role="collapsible"を付け、そのヘッダー内にspanタグを保持するカスタムを追加します。

デモ

<li data-role="collapsible">
  <h2>Item 1<span class="tag-list"><span class="tag">tag 1</span></span></h2>
  <div class="comment">
    <p>This is a comment</p>
  </div>
  <div class="comment">
    <p>Another comment</p>
  </div>
</li>
于 2013-07-08T22:14:14.823 に答える