标题在加载时不显示，但在刷新时显示

Question

我正在创建一个手机应用程序，它有多个页面，每页都有相同的标题。但是，除非我刷新页面，否则标题似乎不会显示。以下是我的代码：

常见的js：

function printheader() {
    $("#header").append('<h1><img src="images/logo2.png"></h1>');
    $("#header").append("<a href='#' id='btnHome' class='ui-btn ui-icon-home ui-btn-icon-left'>Home</a><a href='#' id='btnLogout' data-icon='power' class='ui-btn-right'>Logout</a>");

    $("#btnHome").bind("click", function () {
        window.location = "me.html";
    });

    $("#btnLogout").bind("click", function () {
        localStorage.removeItem("userid");
        localStorage.removeItem("password");
        window.location = "index.html";
    });
}

每个页面的js：

$(document).on("pagebeforecreate", function () {
    printheader();
});

每个页面的HTML：

<div data-role="header" class="header" data-position="fixed" id="header">
</div>

如果您还需要了解其他信息，请告诉我们。

由于