html - 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');

我希望这有帮助。