前端之家收集整理的这篇文章主要介绍了
不同页面上的Jquery Mobile相同页脚,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的jquery移动应用程序的所有
页面上使用相同的页眉和页脚,并使用不同的
文件控制它,例如footer.html.这很容易使用
PHP包括,但我不能,因为我打算使用这个应用程序与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显示了整个代码.
原文链接:https://www.f2er.com/jquery/181317.html