javascript - jquery 移动可折叠 ListView 不适用于 li 标签

Question

我试过可折叠 ListView 但不起作用，为什么？ 例如:

<div data-role="collapsible" data-content-theme="c">
   <h3>LIST</h3>
  <ul>
     <li><a href="#">A</a></li>
     <li><a href="#">b</a></li>
     <li><a href="#">c</a></li>
  </ul>
</div>

如果单击标题，应该打开其他“li”标签。我该怎么做？

Answer 1

我想你需要一个 collapsibleset :

<div data-role="collapsibleset">
    <div data-role="collapsible">
        <h2>List</h2>   
        <ul data-role="listview">
          <li><a href="#">A</a></li>
          <li><a href="#">b</a></li>
          <li><a href="#">c</a></li>
        </ul>
     </div>
</div>

JSFiddle