0

jqueryモバイルを使用して、リストビューからのリスト項目でアコーディオンをレンダリングする方法はありますか?

リストビューを追加すると、次のコードは「セクション 2」をレンダリングしません

<div data-role="collapsible-set">
        <div data-role="collapsible" data-collapsed="false">
            <h3>Section 1</h3>
            <p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>
        </div>
        <div data-role="collapsible" data-collapsed="false">

    <ul data-role="listview" id="myAppsSectionGridTable">
    <li><a href="pa.aspx">
        <img src="images/gf.png" alt="" class="ui-li-icon">IT Change Controls<span class="ui-li-count">
            4</span> 
            </a>
            </li>
              <li><a href="pa.aspx">
        <img src="images/gf.png" alt="" class="ui-li-icon">Expense<span class="ui-li-count">
            8</span> 
            </a>
            </li>
              <li><a href="pa.aspx">
        <img src="images/gf.png" alt="" class="ui-li-icon">Seminar<span class="ui-li-count">
            6</span> 
            </a>
            </li>
              <li><a href="PendingApprovals.aspx">
        <img src="images/gf.png" alt="" class="ui-li-icon">Indirect PR<span class="ui-li-count">
            4</span> 
            </a>
            </li>
              <li><a href="pa.aspx">
        <img src="images/gf.png" alt="" class="ui-li-icon">PTO<span class="ui-li-count">
            2</span> 
            </a>
            </li>
</ul>


        </div>
4

2 に答える 2

1

このような意味だと考えてください。

jsFiddle デモ

于 2012-08-24T14:38:17.283 に答える
0

これは本当に使いやすく、完全に機能する jquery アコーディオンです。いくつかのサイトで使用しました。

http://docs.jquery.com/UI/Accordion

于 2012-08-24T14:33:51.517 に答える