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

これが役立つことを願っています。