すべてのページにナビゲーション バーを表示したい。すべてのページで宣言する代わりに、以下のように .append() 関数を使用しました。
$(document).on('pageinit', '[data-role="page"]', function () {
$(this).children('[data-role="content"]').append('<div class="mainleft" datarole="collapsible-set"> <div data-role="collapsible" data-collapsed="true"><ul><li><a href="#">Hi</a></li><li><a href="#">Hello</a></li></ul></div></div>');
});
page-role="content"セクションにナビゲーション バーを直接追加すると、アニメーション効果が完全に機能します。しかし、.append() 関数を使用すると、アニメーション効果が機能しません。リスト全体を正常に表示しています。もう 1 つの問題は、最初のページにナビゲーション バーが表示されないことです。空白のセクションを表示するだけです。