javascript - 防止 jQuery Mobile 设置 document.title？

Question

貌似jQuery mobile将document.title设置为data-role="header"的文本内容，例子:

<div data-position="fixed" data-role="header">
    <h1>This text</h1>
</div>

我有一个 hack 解决方法来防止这种情况:

$('div[data-role="page"]').bind('pageshow',function(){document.title = "我的标题"});

是否有更好/更语义化的方式来做到这一点？

Answer 1

另一种解决方案是将原始文档标题复制到每个页面的数据标题属性中:

$(":jqmData(role='page')").attr("data-title", document.title);

与更改 pageshow 上的标题相比，这种方法的优势在于它可以防止页面转换期间文档标题闪烁。