jquery mobile data-collapsed =“true”无效。该列表仍然保持扩展

Question

导航到该页面时，我的可折叠列表仍然保持展开状态。这是列表的代码。

<div data-role="collapsible" >
<h3>Stock #2 Order #2</h3>
 <ul data-role="listview">
 <li>Info 1</li>
 <li>Info 2</li>
 <li>Info 3</li>
 </ul>
 </div>

Answer 1

要在页面加载时展开内容，您必须将data-collapsed="false"属性添加到包装器。

<div data-role="collapsible" data-collapsed="false">

要在页面加载时折叠内容，您必须将data-collapsed="true"属性添加到包装器。这是默认行为（data-collapsed="true"）。

<div data-role="collapsible" data-collapsed="true">

您可以使用以下方法展开折叠折叠：

$('.selector').trigger('expand');

$('.selector').trigger('collapse');

我希望这会有所帮助。