1、在底部栏中，可以添加按钮组，也可以向容器中添加表单中的元素，如<select>、<text>等，为了确保表单元素在底部栏的正常显示，需要在底部栏容器中添加ui-bar类别，使新增加的表单元素保持一定的间距。此外，将data-position属性值设置为inline，用于统一设定各表单元素的显示位置。
2、示例代码：
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link href="/blog_article/Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
<script src="/blog_article/Js/jquery-1.8.3.min.js" type"text/javascript"></script>
<script src="/blog_article/Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<div data-role="page">
<div data-role="header"><h1>头部栏</h1></div>
<div data-role="content">
<p>在尾部添加表单元素</p>
</div>
<div data-role="footer" data-position="inline">
<lable for="selLink">友情链接</lable>
<select name="selLink" id="selLink">
<option value="0">请选择</option>
<option value="1">公司1</option>
<option value="2">公司2</option>
<option value="3">公司3</option>
<option value="4">公司4</option>
</select>
</div>
</BODY>
</HTML>
3、效果图预览：
点击下拉三角形选择：
Update
当MonoBehaviour启用时，其Update在每一帧被调用。
LateUpdate
当Behaviour启用时，其LateUpdate在每一帧被调用。
FixedUpdate
当MonoBehaviour启用时，其 固定时间调用一次
Awake
当一个脚本实例被载入时Awake被调用。
Start
Start仅在Update函数第一次被调用前调用。
Reset
重置为默认值。
OnMouseEnter
当鼠标进入到GUIElement(GUI元素)或Collider(碰撞体)中时调用OnMouseEnter。
OnMouseOver
当鼠标悬浮在GUIElement(GUI元素)或Collider(碰撞体)上时调用 OnMouseOver .
OnMouseExit
当鼠标移出GUIElement(GUI元素)或Collider(碰撞体)上时调用OnMouseExit。
OnMouseDown
当鼠标在GUIElement(GUI元素)或Collider(碰撞体)上点击时调用OnMouseDown。
OnMouseUp
当用户释放鼠标按钮时调用OnMouseUp。
OnMouseUpAsButton
OnMouseUpAsButton只有当鼠标在同一个GUIElement或Collider按下，在释放时调用。
OnMouseDrag
当用户鼠标拖拽GUIElement(GUI元素)或Collider(碰撞体)时调用 OnMouseDrag 。
OnTriggerEnter
当Collider(碰撞体)进入trigger(触发器)时调用OnTriggerEnter。
OnTriggerExit
当Collider(碰撞体)停止触发trigger(触发器)时调用OnTriggerExit。
OnTriggerStay
当碰撞体接触触发器时，OnTriggerStay将在每一帧被调用。
OnCollisionEnter
当此collider/rigidbody触发另一个rigidbody/collider时，OnCollisionEnter将被调用。
OnCollisionExit
当此collider/rigidbody停止触发另一个rigidbody/collider时，OnCollisionExit将被调用。
OnCollisionStay
当此collider/rigidbody触发另一个rigidbody/collider时，OnCollisionStay将会在每一帧被调用。
OnControllerColliderHit
在移动的时，当controller碰撞到collider时OnControllerColliderHit被调用。
OnJointBreak
当附在同一对象上的关节被断开时调用。
OnParticleCollision
当粒子碰到collider时被调用。
OnBecameVisible
当renderer(渲染器)在任何相机上可见时调用OnBecameVisible。
OnBecameInvisible
当renderer(渲染器)在任何相机上都不可见时调用OnBecameInvisible。
OnLevelWasLoaded
当一个新关卡被载入时此函数被调用。
OnEnable
当对象变为可用或激活状态时此函数被调用。
OnDisable
当对象变为不可用或非激活状态时此函数被调用。
OnDestroy
当MonoBehaviour将被销毁时，这个函数被调用。
OnPreCull
在相机消隐场景之前被调用。
OnPreRender
在相机渲染场景之前被调用。
OnPostRender
在相机完成场景渲染之后被调用。
OnRenderObject
在相机场景渲染完成后被调用。
OnWillRenderObject
如果对象可见每个相机都会调用它。
OnGUI
渲染和处理GUI事件时调用。
OnRenderImage
当完成所有渲染图片后被调用，用来渲染图片后期效果。
OnDrawGizmosSelected
如果你想在物体被选中时绘制gizmos，执行这个函数。
OnDrawGizmos
如果你想绘制可被点选的gizmos，执行这个函数。
OnApplicationPause
当玩家暂停时发送到所有的游戏物体。
OnApplicationFocus
当玩家获得或失去焦点时发送给所有游戏物体。
OnApplicationQuit
在应用退出之前发送给所有的游戏物体。
OnPlayerConnected
当一个新玩家成功连接时在服务器上被调用。
OnServerInitialized
当Network.InitializeServer被调用并完成时，在服务器上调用这个函数。
OnConnectedToServer
当你成功连接到服务器时，在客户端调用。
OnPlayerDisconnected
当一个玩家从服务器上断开时在服务器端调用。
OnDisconnectedFromServer
当失去连接或从服务器端断开时在客户端调用。
OnFailedToConnect
当一个连接因为某些原因失败时在客户端调用。
OnFailedToConnectToMasterServer
当报告事件来自主服务器时在客户端或服务器端调用。
OnMasterServerEvent
当报告事件来自主服务器时在客户端或服务器端调用。
OnNetworkInstantiate
当一个物体使用Network.Instantiate进行网络初始化时调用。
OnSerializeNetworkView
1、实现对区块的折叠需要创建一个<div>容器，将该容器的data-role属性设为collapsible，表示是一个可折叠的区块。
2、示例代码：
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link href="/blog_article/Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/>
<script src="/blog_article/Js/jquery-1.8.3.min.js" type"text/javascript"></script>
<script src="/blog_article/Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
</HEAD>
<BODY>
<div data-role="page">
<div data-role="header"><h1>头部栏标题</h1></div>
<div data-role="collapsible" data-collapsed="true">
<h1>点击查看更多</h1>
<p>JQM 的目标是在一个统一的 UI 中交付超级 JavaScript 功能，跨最流行的智能手机和平板电脑设备工作。与 jQuery 一样，JQM 是一个在 Internet 上直接托管、免费可用的开源代码基础。事实上，当 JQM 致力于统一和优化这个代码基时，jQuery 核心库受到了极大关注。这种关注充分说明，移动浏览器技术在极短的时间内取得了多么大的发展。</p>
</div>
<div data-role="footer"><h4>@2013 3I Studio</h4></div>
</div>
</BODY>
</HTML>
3、效果图预览：
点击展开可折叠区块：
4、JQuery Mobile 允许对折叠的区块进行嵌套显示，即在一个折叠区块的内容中，再添加一个折叠区块，以此类推，代码如：
<div data-role="collapsible" data-collapsed="true">
<h1>点击查看更多</h1>
<p>这是第一个区块</p>
<div data-role="collapsible" data-collapsed="true">
<h1>这是嵌套的区块</h1>
<p>这是嵌套区块的内容</p>
</div>
</div>