位置: 编程技术 - 正文
JQuery Mobile实现导航栏和页脚(jquery mobile demo)
编辑：rootadmin推荐整理分享JQuery Mobile实现导航栏和页脚(jquery mobile demo)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery mobile app,jquery mobile demo,jquerymobile实现贴吧论坛,jquery mobile实例,jquery mobile grid,jquery mobile grid,jquery mobile实例,jquery mobile实例,内容如对您有帮助，希望把文章链接给更多的朋友！
导航栏由一组水平排列的链接构成，通常位于页眉或页脚内部。
默认地，导航栏中的链接会自动转换为按钮（无需 data-role="button"）。
导航栏部分的代码一般放置在data-role为header的div的内。
一个基本的导航栏代码如上，包含两个按钮和一行文字作为标题。data-icon可以定义按钮对应的小图标。如果希望将按钮放在文本右侧，可以添加class=“ui-btn-right”样式。要注意的是，Jquery Mobile中的导航部分（header内）只能包含两个按钮。（可以想象一下，一般的手机app导航内都不会有过多的button，一般都放在页脚中）
相比之下，页脚的按钮数量没有限制，页脚放在footer中，基本代码如下：
这符合一般的移动app设计模式，底部是切换到不同页面的button。切换页面的方式也很简单，注意到这里的每一个button都是用a标签定义的，其中的href就如我们上次所说，是可以进行页面转换的，只要在href后面添加另一个页面的id（即data-role为page的div）即可完成跳转。跳转的过程有很多jquery mobile内置定义的动画效果，在以后介绍。
关于页眉和页脚，除了上述所说之外，还可以使用data-position属性定义它们的位置属性，包含以下三个可选值（来自：w2cschool）：
Inline - 默认。页眉和页脚与页面内容位于行内。
Fixed ? 页眉和页脚会留在页面顶部和底部。
Fullscreen - 与 fixed 类似;页眉和页脚会留在页面顶部和底部，but also over thepage content. It is also slightly see-through
关于jQuery mobile实现导航栏和页脚的相关知识就给大家介绍到这里，希望对大家有所帮助！
使用jquery.qrcode.min.js实现中文转化二维码 今天还是要讲一下关于二维码的知识，前几篇讲解中有讲到我使用的可以生成二维码的js是qrcode.js，然后结合Cordovad的插件$cordovaBarcodeScanner插件可以扫描
jQuery Html控件基本操作(日常收集整理) 闲来无聊，收集总结一下jQuery常用操作，希望对新手有用。基于jquery1.3.2!--scripttype="text/javascript"src="jquery/jquery-1.3.2.js"/script--!--scriptsrc="
基于jQuery日历插件制作日历 来看下最终效果图吧：是长得丑了一点，不要吐槽我-。-首先来说说这个日历主要的制作逻辑吧：·一个月份最多有天，需要一个7X6的表格去装载·如果
上一篇：分享12个实用的jQuery代码片段(实用的app都有哪些)
