我希望我的 jquery 移动应用程序上的所有页面都具有相同的页眉和页脚,并使用不同的文件(例如 footer.html)来控制它。使用 PHP include 很容易做到这一点,但我不能,因为我计划将此应用程序与phonegap一起使用。
搜索周围我发现使用
<div data-role="footer">
<div class="footerExt"></div>
</div>
和 JavaScript
$('.footerExt').load('footer.html')
但是这不起作用。我应该提到我是 javascript 初学者,我几乎不明白发生了什么。
非常感谢
最佳答案
尝试以下事件,它适用于我的代码:
$('[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 Mobile在不同页面上使用相同的页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10906189/