Добавление панели JQuery Mobile во время выполнения

Question

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

Поскольку мои страницы добавляются также во время выполнения, мне нужно каким-то образом, чтобы придать панели меню на страницу, когда она создана, я использую следующий код, который не работает:

var $menuElement = $("#menu"); 
if ($activePage.find($menuElement).length <= 0) { 
    console.log("Adding menu"); 
    $menuElement.show().css({height:$(".fb-menu").find("li").size() * 5 + "px"}); 
    $menuElement.prependTo($activePage); 
    $activePage.trigger('create'); 
    $activePage.trigger('update'); 
} 

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

Answer 1

Посмотрите на мой другой ответ относительно этого решения: https://stackoverflow.com/a/15223926/1848600

Это, как вы можете добавить его динамически:

$(document).on('pagebeforeshow', '[data-role="page"]', function(){     
    $('<div>').attr({'id':'mypanel','data-role':'panel'}).appendTo($(this)); 
    $('<a>').attr({'id':'test-btn','data-role':'button'}).html('Click me').appendTo('mypanel'); 
    $.mobile.activePage.find('#mypanel').panel(); 
    $(document).on('click', '#open-panel', function(){ 
     $.mobile.activePage.find('#mypanel').panel("open");  
    });  
}); 

Живой пример: http://jsfiddle.net/Gajotres/pZzrk/