0

私は基本的に、ページ変更が行われたときに呼び出される動的な折りたたみ可能なコンテンツを構築しています。

折りたたみ可能なコンテンツの作成は、ページの変更時に生成され、いくつかのdivが動的に入力されます。最初の折りたたみ可能なセクションは、開いている（折りたたまれていない）ように設定されています

前のページに移動して動的な折りたたみ可能なコンテンツページに戻ると、折りたたみ可能なセクションの書式設定（css）が失われます

--私は$page= $（pageSelector）;を使用します。

- $ page.page（）;を使用してみました $ .mobile.changePage（$ page）; ページ戻るボタンを壊しています。

4

1 に答える 1

0

使用を追加するときに折りたたみ可能な div 全体を追加する場合$("#id").append("content").trigger('create');、または折りたたみ可能な div を静的に保ち、次のようなコンテンツを追加することができます

<div data-role="collapsible" data-content-theme="c">
   <h3>Header</h3>
   <div id="content"></div>
</div>
<script>
    $("#content").append('data');
</script>

編集：

コンテンツを折りたたみ可能なものに追加しようとしていると思っていましたが、折りたたみ可能なもの全体を追加していた場合は、このドキュメントを読む必要があります。説明したように、レイアウト自体を次のように更新する必要があります

.trigger('updaelayout');

折りたたみ式を追加した後。

編集2：

<div data-role=collapsible>
   <h3>Header</h3>
    <div id="data-set" class="ui-collapsible-content ui-body-c ui-corner-bottom">
    </div>
</div>
$("#data-set").append('data');

これを試して。

于 2012-12-15T13:17:08.503 に答える