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