jQuery Mobile CSS 类 jQuery CSS 类 jQuery Mobile CSS 类来设置不同元素的样式。 以下列表包含了通用的 CSS 样式: 全局类 以下类可以在 jQuery Mobile 小工具中使用 (按钮,工具条,面板,表格,列表
jQuery Mobile 页面事件 jQuery Mobile 页面事件 在 jQuery Mobile 中与页面打交道的事件被分为四类: Page Initialization - 在页面创建前,当页面创建时,以及在页面初始化之后 Page Load/Unload - 当外部
jQuery Mobile 事件 jQuery Mobile 事件参考手册 以下列表为所有的 jQuery Mobile 事件。 注意:请使用 on() 方法绑定事件。 事件 描述 hashchange 启用可标记 #hash 历史,哈希值会在一次独立的点击时
jQuery Mobile 图标 我们可以使用图标类在 jQuery Mobile 中 a 和 button 元素上添加图标,并对图标进行定位,如下所示: a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left"刷新页面/a尝试一下
jQuery Mobile Data 属性 jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观。 在下面的参考列表中,粗体显示的值为默认值。 按钮 在1.4 版本以后
jQuery Mobile 实例 jQuery Mobile 页面 一个基本的移动网页 多个页面 对话框 实例解释 jQuery Mobile 页面切换 淡入效果 从后向前翻转效果 流动效果 弹出效果 滑动效果 从右到左滑动并淡入效果
jQuery Mobile 方向改变事件 jQuery Mobile 方向改变(orientationchange)事件 当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。 水平旋转 垂直旋转 如需使用方向改变(
jQuery Mobile 滚屏事件 jQuery Mobile 提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。 jQuery Mobile 滚屏开始(Scrollstart) scrollstart 事件是在用户开始滚动页面时触发: 实例 $(documen
jQuery Mobile 触摸事件 触摸事件在用户触摸屏幕(页面)时触发。 触摸事件同样可应用与桌面电脑上:点击或者滑动鼠标! jQuery Mobile 点击 点击事件在用户点击元素时触发。 如下实例:
jQuery Mobile 事件 事件 = 所有不同访问者访问页面的响应动作。 jQuery Mobile 事件 在jQuery Mobile你可以使用任何标准的 jQuery 事件 。 除此之外, jQuery Mobile 也提供了针对移动端浏览器的事件:
jQuery Mobile 主题 jQuery Mobile 提供了 2 种不同的主题样式, 从 "a" 到 "b" - 每一种主题的按钮,工具条,内容块等等颜色都不一致,每个主题的视觉效果也不一样。 通过设置元素的data-theme属
jQuery Mobile 表单滑动条 jQuery Mobile 滑动条控件 滑动条允许您从一个范围的数字中选择一个值: 如需创建滑动条,请使用 input type="range": 实例 form method=post action=demoform.php label for=points进
jQuery Mobile 表单选择菜单 jQuery Mobile 选择菜单 Iphone 上的选择菜单:Android/SGS4 设备上的选择菜单: select 元素创建带有若干选项的下拉列表。 select 元素内的 option 元素定义了列表中的可用
jQuery Mobile 表单输入元素 jQuery Mobile 文本输入框 输入字段是通过标准的 HTML 元素编码的,jQuery Mobile 将为它们添加样式使其看起来更具吸引力,在移动设备上更易使用。您也能使用新的
jQuery Mobile 表单 jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式,让它们
jQuery Mobile 过滤 可过滤元素 所有的元素如果有一个或更多的子元素均可过滤。 如何创建搜索字段: 你想过滤的元素必须使用data-filter="true" 属性。 创建 input 元素并指定 id,元素上加上
jQuery Mobile 列表内容 jQuery Mobile 列表图标 默认情况下每个列表项都会包含一个箭头图标 "carat-r" (右箭头)。如果要修改这个图标可以使用 data-icon 属性: 实例 ul data-role=listview lia href=#Defau
jQuery Mobile 列表视图 jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的HTML 列表; 有序(ol) 和无序(ul). 列表视图是jQuery Mobile中功能强大的一个特性。它会使标准的无序或有序列表应用
jQuery Mobile 网格 jQuery Mobile 网格布局 jQuery Mobile 提供了一套基于 CSS 的分列布局。然而,在移动设备上,由于考虑手机的屏幕宽度狭窄,一般不建议使用分栏分列布局。 但有时您想要将较
jQuery Mobile 表格 响应式表格 响应式设计一般用于适配用户各种移动设备。 我们只需要使用一个简单的类名,jQuery Mobile 就能根据屏幕的尺寸自动调整页面内容。 响应式表格让页面内容在
jQuery Mobile 可折叠块 可折叠内容块 可折叠块允许您隐藏或显示内容 - 对于存储部分信息很有用。 如需创建一个可折叠的内容块,需要为容器添加 data-role="collapsible" 属性。在容器(div)
jQuery Mobile 面板 jQuery Mobile 中的面板会在屏幕的左侧向右侧划出。 通过向指定 id 的 div 元素添加 data-role="panel" 属性来创建面板。 在 div 中添加 HTML 标记来显示你的面板内容: div data-ro
jQuery Mobile 导航栏 导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。 默认情况下,导航栏中的链接将自动变成按钮(不需要 data-role="button")。 使用 data-role="navbar" 属性来
jQuery Mobile 工具栏 工具栏元素通常位于头部和尾部内 - 让导航易于访问: 头部栏 头部栏一般包含页面标题/logo 或一两个按钮(通常是首页、选项或搜索)。 您可以添加按钮到头部的左
jQuery Mobile 弹窗 弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 a 和 div 元素。在 a 元素上添