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

问题描述

我想在我的jquery手机应用程序的所有页面上使用相同的页眉和页脚，并使用其他文件（例如footer.html）进行控制。这很容易使用PHP包括但是我不能因为我正在计划使用这个应用程序与phonegap。

搜索周围我发现使用

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

和javascript

 code> $（'。footerExt'）。load（'footer.html'）
  

但是这不行。我应该提到我是javascript初学者，我几乎不了解发生了什么。

非常感谢

解决方案

尝试以下事件，它适用于我的代码：

  $（'[data- （＃，event，...）。 load（footer.html，function（）{
 $（＃+ event.target.id）.find（[data-role = navbar]）。navbar（）; 
 }）; 
}）; 
  

这个 gist 显示整个代码。

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.

Searching around I found using

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

and javascript

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

However this is not working. I should mention that I am javascript beginner, I barely understand what going on.

Thanks a lot

解决方案

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

This gist shows the entire code.

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