Jquery在不同页面上移动相同页脚 [英] Jquery Mobile Same Footer on Different Pages

问题描述

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

I want to have the same header and footer on all pages on my jquery mobile app and control it using a different file for example like footer.html. This is easy to do use PHP include but I can't because I am planning on using this app with phonegap.

使用

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

和javascript

and javascript

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

但是这不工作。

非常感谢。

推荐答案

尝试以下事件，它与我的代码：

Try with following event, it works with my code:

$('[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();
            });
        });

此 gist 显示整个代码。

这篇关于Jquery在不同页面上移动相同页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！