jQuery Mobile 导航与页面构建全解析
1. jQuery Mobile 内置图标与导航栏
jQuery Mobile 提供了丰富的内置图标,完整列表可在 http://demos.jquerymobile.com/1.4.5/icons/ 查看。导航栏(Navbar)是 jQuery Mobile 中的一个出色小部件,它既可以是简单的导航栏,也能转变为原生移动应用中常见的标签栏,最多支持五个按钮,且这些按钮可使用之前提到的图标。
在页面的头部或底部都能创建导航栏。以下是在index.html的头部添加导航栏的操作步骤:
1. 打开index.html文件。
2. 在关闭头部div元素之前添加以下代码:
<div> <ul> <li><a>About Us</a></li> <li><a>Facilities</a></li> <li><a>Catering</a></li> </ul> </div><