学海无涯苦作舟的博客

此文章继续测试jQuery Mobile的工具列（toolbar）制作方式，本系列之前的文章参考：＃ jQuery Mobile的学习笔记（一）：环境配置与页面结构＃ jQuery Mobile的学习笔记（二）：按钮工具列是按钮的延伸应用，主要的功能是导览，换页，对话，或提交表单等。jQuery Mobile的工具列主要是指放在页面的标题列（Top）与注脚列（页尾）的按钮，分组按钮或表单元素（如下拉式选单等）：标题列：只能在标题文字的左边与右边各放一个按钮，并且按钮会与标题文字同一列，但分区按

本篇文章继续测试jQuery Mobile页面中最常用的控制项：按钮，它实际上是表单元素的一种，但因为它不只用在表单中，因此独立出来做测试。在jQuery Mobile中按钮分为两类：超连结按钮：将一个元素套上data-role =“ button”属性所建立的按钮表单按钮：以button元素与type =“ button” /“ reset” /“ submit”的输入元素所建立之按钮表单按钮适合用在表单中，操作换页应该使用具有data-role =“ button”属性的超连结按钮，因为超连结本质

1.环境配置：jQuery Mobile最新版本为v1.4.5，而jQuery最新版本为v3.5.1，但根据官网资料，jQuery Mobile v1.4.5支持jQuery v1.8〜v1.11与v2.1：下载页建议使用jQuery的v1.11.1：＃ https://jquerymobile.com/download/解压缩后将jQuery的，jQuery Mobile的JS之程式码与CSS样式档分别复制到专案资料夹的JS与CSS的子目录下：的jquery-1.11.1.min.js（94

第一次学习jQuery Mobile是在2013年时，但当时却只只开了个头就忙别的学习科目去了。最近因为学弟的询问，Web App又重新进入眼帘，但睽违了七年之后行动网页前端技术面貌已大大改变，React / Angular / Vue引发风骚，jQuery / jQuery Mobile似乎已黯然然失色。虽曾求新学过一些Vue，但是时间有限，我又不是做大项目，用jQuery能做到的功能为什么还要花时间去学新的尖端技术？所以还是回来重温jQuery / jQuery Mobile之前的行为。jQuery只

最近向母校图书馆借的"学好跨平台网页设计第二版"这本书写得真好，我翻阅了一遍大致都是已熟习没必要再借，但其中jQuery Mobile部分语法表具有快速查阅价值，故综合之前笔记中所测试的功能整理如下，参考：data-role 属性值列表 ：jQuery Mobile 利用HTML5 的data-* 属性功能自订了一组data-role 自订属性， jQuery Mobile 的全部元件与版面配置都是靠data-role 控制与排版 ：第一页除外的页面， 其header 可用 data-add-.