jquery-mobile - マルチページ レイアウトで jquerymobile ヘッダーを更新する

Question

すべてのページが同じヘッダーを持つ複数ページのレイアウト ドキュメントがあります。

ページがロードされた後、特定のテキストですべてのページを一度に更新するにはどうすればよいですか?

Answer 1

以下のコードは、すべてのページの古いヘッダーを新しいヘッダーに置き換えます。必要なのは、これをいつ実行するかを指定することだけですか? pageshow、pagebeforeshow、pagehide、pagebeforehideなど...

デモ

var header = '<div data-role=header><h1>new header</h1></div>';

$('[data-role=page]').each(function () {
 $(this).find('[data-role=header]').replaceWith(header);
 $('[data-role=page]').trigger('pagecreate');
});