Question

我已经检查了一些关于创建多页jQueryMobile页面的答案，您可以在其中“动态加载”页眉和页脚部分到div。但真诚地，他们根本不工作。

也许这些解决方案适用于带徽标的简单标题和带文本的页脚，但在页眉，页脚和侧面板复杂的情况下，页面创建存在一些问题。

我正在玩pagebeforeshow，pageinit和其他事件，并且使用触发器创建和创建页面，但没有任何效果。所以我请求帮助每个人工作的解决方案; - ）

让我们看一个复杂的jQueryMobile页面，就像这个模板Lemonado（http://sergshepelevich.com/lemonado/）

您可以看到页眉，页脚和面板。

我正在尝试创建多页jQueryMobile页面，因为如果没有，那么在每个html中包含和粘贴的“标题”部分太多了。此外，我正在寻找“模板解决方案”，因为如果没有，我必须在每个数据页中粘贴大部分数据。

通过上面的解决方案，我几乎可以使用它，但是：

1）单击要显示的面板时，会出现视觉错误/故障

2）当你转到第二页并进入第一页时，面板不起作用

$(document).on('pagebeforeshow', '[data-role="page"]', function(){        
    if ($("#"+$(this).attr("id")).find('[id="header"]').html().length == 0) {   

        $.mobile.activePage.find('[id="header"]').load("include_header.html", function(){ 
            $(this).parent().trigger('create');
        }); 
        $.mobile.activePage.find('[id="left_panel"]').load("include_left_panel.html", function(){ 
            $(this).parent().trigger('create');
        });  
});

我正在改变和改变事物（触发器，事件......）但是当我修复某些事情时，我会打破其他事情。

所以这就是交易：创建一个加载页眉，页脚和面板部分的解决方案，当你切换到第二页（数据角色页面）时，面板和一切都可以工作。

jQueryMobile页眉，页脚和面板模板

0 个答案: