插入动态面板jquery mobile

Question

在我的应用程序中，我想重新使用面板，因此在打开index.html时调用此函数：

var add_panel=function() {
//add button
$('[data-role="header"]').append('<a href="#leftpanel" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all ui-btn-left">Menu</a>');

//panel
$.get('panel.html').success(function(data) {
    $('div[data-role="page"]').append(data);
    $('#leftpanel').trigger('create');
    $('#leftpanel').panel();
});

//open panel
$('body').on('click', '.ui-icon-bars', function() {
    $("#leftpanel").panel("toggle");
});
}

这在第一页和从另一页返回此页面时效果很好。

我曾希望在＆＃34; pagecontainertransition＆＃34;内部调用相同的功能。将面板添加到其他页面，但这似乎不起作用：

//handle page transitions
$('body').on('pagecontainertransition', function(event, ui) {
    add_panel();
});

可以这样做吗？