jquery mobile collapsible 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>

如果点击标题，应该打开其他＆＃39; li＆＃39;我可以这样做吗？

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