0

无论如何，在使用 jquery mobile 时，是否可以使用列表视图中的列表项来渲染手风琴？

当我向其添加列表视图时，以下代码将不会呈现“第 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 回答