Jquery移动相同页脚在不同的页面上

Question

我想在我的jquery移动应用程序的所有页面上使用相同的页眉和页脚,并使用不同的文件控制它,例如footer.html.这很容易使用PHP包括,但我不能,因为我打算使用这个应用程序与phonegap.

搜索我发现使用

  <div data-role="footer">
<div class="footerExt"></div>
  </div>

和javascript

$('.footerExt').load('footer.html')

但这不起作用.我应该提一下,我是javascript初学者,我几乎不明白发生了什么.

非常感谢

Answer 1

尝试使用以下事件,它适用于我的代码:

$('[data-role=page]').live('pageshow', function (event, ui) {
            $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){
                $("#" + event.target.id).find("[data-role=navbar]").navbar();
            });
        });

这个要点显示了整个代码.