Jquery Mobile - 在加载时编辑侧栏

Question

我想动态地将名称和图片插入侧栏。我试过这种方式，但它只适用于第一页，导航到另一页后，span和img标签都是空的：

Jquery的：

$(document).on("pageshow", function(e) {
       $("#nameFB").text("test");
       $('#imgFB').attr('src', 'https://graph.facebook.com/' + fb_id + '/picture');
       $('#nav-panel').trigger('create');
});

HTML：

<div id="home" data-role="page" class="ui-responsive-panel" >
      <div data-role="header" data-theme="d">
            <a href="#nav-panel" data-iconpos="notext" id="sidebar" data-icon="custom"></a>
      </div>
      <div data-role="panel" data-position="left" data-position-fixed="false" data-display="reveal" id="nav-panel">
            <a href="Profile.html" data-role="button"  id="profile">
                   <img src="" id="imgFB"/><span id="nameFB"></span>  </a><br/>
            <a href="Notifications.html" data-role="button"  > Notifications </a><br/>
      </div>
</div>

谢谢