Динамически добавлять левую боковую панель ко всем страницам

Question

Я новичок в jQuery mobile, и я разрабатываю приложение, используя jQuery mobile 1.4.3. Моя проблема в том, что мне нужно добавить левую панель на все страницы динамически, и я не могу заставить ее работать.

На странице также должна быть кнопка заголовка левой стороны на всех страницах для доступа к меню панели.

мой код не удалось попытка: JSFIDDLE

некоторые примеры кода:

$(document).on('pagecontainerbeforeshow', function (e, ui) { 
    var activePage = $(ui.toPage), 
     activePageId = activePage[0].id, 
     myPanel = "", 
     panelBtn = ""; 

    //does not work, but you get the ideia: 
    myPanel = $('<div data-role="panel" id="mypanel" data-theme="a"><li><a href="#page1" data-role="button" data-theme="a">Btn page 1</a></li><li><a href="#page2" data-role="button" data-theme="a">Btn page 2</a></li></div>'); 
    activePage.append(myPanel); 

    //how to add the panel Button to the Header so that it will show the left panel? some dummy code: 

    panelBtn = $('<a href="#mypanel" data-role="button" data-icon="bars" data-iconpos="notext"></a>'); 
    activePage.append(panelBtn); 

    switch (activePageId) { 
     case 'page1': 

      break; 
     case 'page2': 

      break; 
     default: 
    } 

}).on("pagecontainerhide", function (e, ui) { 
    var activePage = $(ui.toPage), 
     activePageId = activePage[0].id; 
}); 

Answer 1

попытка добавления к $(body)

и им при условии, что pagecontainerbeforeshow это определенный слушатель?