5.2　方便的快捷键

上一节连续给出了3个实例，已经将工具栏的基本使用方法讲解得非常透彻了，本节就带领读者更上一层楼。图5-11是一款音乐播放器的界面，其中有一个非常明显的头部栏，在头部栏的左侧有一个“返回”按钮，它的功能是返回之前的界面。

在jQuery Mobile中可以很容易地实现这种布局样式，接下来将在范例5-4中实现这种效果的方法。

图5-11　工具栏按钮的一个例子

【范例5-4　头部栏中的返回键】

运行结果如图5-12所示。

图5-12　有按钮的头部栏

在图中可以看到头部栏上多了两个按钮，头部栏中的按钮却与真正的按钮有所区别。

首先，在头部栏中使用标签<a>后，标签中的内容会自动转化为按钮的样式（见代码第14行与第16行）。

其次，在头部栏中使用按钮，将会自动与标题等内容排成一行而不是一行一行地显示，这一点是jQuery Mobile非常明智的决定。再深入学习jQuery Mobile后就会发现，jQuery Mobile中的大多数控件都是一个空间占有独立的一行多行排列的，而头部栏按钮却与内容在同一行。