jQuery Mobile

实例

jQuery Mobile 列表视图

jQuery Mobile 列表视图 jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的HTML 列表; 有序( ) 和 无序( ). 列表视图是jQuery Mobile中功能强大的一个特性。它会使标准的无序或有序列表应用更广泛。应用方法就是在ul或ol标签中添加data-role=”listview”属性。在每个项目( )中添加链接,... »

jQuery Mobile CSS 类

jQuery Mobile CSS 类 jQuery CSS 类 jQuery Mobile CSS 类来设置不同元素的样式。 以下列表包含了通用的 CSS 样式: 全局类 以下类可以在 jQuery Mobile 小工具中使用 (按钮,工具条,面板,表格,列表等。): Class 描述 ui-corner-all 为元素添加圆角 ui-shadow 为元素添加阴影 ui-overlay-shad... »

实例

jQuery Mobile 列表内容

jQuery Mobile 列表内容 jQuery Mobile 列表图标 默认情况下每个列表项都会包含一个箭头图标 “carat-r” (右箭头)。如果要修改这个图标可以使用 data-icon 属性: 实例   Default is right arrow   data-icon="plus"   data-icon="minus"   data-icon="delet... »

jquerymobile

jQuery Mobile 教程

jQuery Mobile 教程 jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。 在线实例 通过我们的在线编辑器,你可以编辑代码,并查看运行结果。 实例       页面标题         页面内容         页面... »

实例

jQuery Mobile 过滤

jQuery Mobile 过滤 可过滤元素 所有的元素如果有一个或更多的子元素均可过滤。 如何创建搜索字段: 你想过滤的元素必须使用 data-filter=”true” 属性。 创建 元素并指定 id,元素上加上 data-type=”search” 属性。这样就能创建基本的搜索字段。将 元素放置于一个表单中,表单 元素使用 “ui-... »

lamp

jQuery Mobile 简介

jQuery Mobile 简介 jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 学习本教程前你需要先了解 在开始学习 jQuery Mobile 前, 你应该了解一下基础知识: HTML CSS jQuery 如果你想学习这些知识,你可以访问本站的首页。 什么是 jQuery Mobile? jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。 jQ... »

jQuery Mobile 表单

jQuery Mobile 表单

jQuery Mobile 表单 jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式,让它们更具吸引力,更易于使用。 在 jQuery Mobile 中,您可以使用下列表单控件: 文本输入框 搜索输入框 单选按钮 复选框 选择菜... »

jQuery Mobile 安装

jQuery Mobile 安装

jQuery Mobile 安装 在你的网页中添加 jQuery Mobile 你可以通过以下几种方式将jQuery Mobile添加到你的网页中: 从 CDN 中加载 jQuery Mobile (推荐) 从jQuerymobile.com 下载 jQuery Mobile库 从 CDN 中加载 jQuery Mobile CDN的全称是Content Delivery Network,即内容分... »

实例

jQuery Mobile 表单输入元素

jQuery Mobile 表单输入元素 jQuery Mobile 文本输入框 输入字段是通过标准的 HTML 元素编码的,jQuery Mobile 将为它们添加样式使其看起来更具吸引力,在移动设备上更易使用。您也能使用新的 HTML5 的 类型: 实例 全名: 生日: E-mail: 提示:请使用 placeholder 来指定一个简短的描述,用来描述输入字段的期望值: 文本域 对于多行文本... »

jQuery Mobile 页面

jQuery Mobile 页面

jQuery Mobile 页面 开始学习 jQuery Mobile 尽管jQuery Mobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)。 为了更好的阅读本教程,建议您使用 Google Chrome 浏览器。 实例       欢迎来到我的主页         我现在是一个移动端开发者!!         底部文本   实例解析: data-role=R... »

实例

jQuery Mobile 表单选择菜单

jQuery Mobile 表单选择菜单 jQuery Mobile 选择菜单 Iphone 上的选择菜单: Android/SGS4 设备上的选择菜单: 元素创建带有若干选项的下拉列表。 元素内的 元素定义了列表中的可用选项: 实例 Select Day Monday Tuesday Wednesday 提示:如果您有一个带有相关选项的很长的列表,请在 内使用 元素: 实例 Monday Tue... »

lamp

jQuery Mobile 过渡

jQuery Mobile 过渡 jQuery Mobile 包含 CSS3 效果让您选择页面打开的方式。 jQuery Mobile 页面切换效果 jQuery Mobile 提供了各种页面切换到下一个页面的效果。 注意:为了实现页面切换效果,浏览器必须支持 CSS3 3D 切换: 12.0 10.0 16.0 4.0 15.0 表格中的数字为支持 3D 旋转的最小浏览器版本号。 页面过渡效果可... »

实例

jQuery Mobile 表单滑动条

jQuery Mobile 表单滑动条 jQuery Mobile 滑动条控件 滑动条允许您从一个范围的数字中选择一个值: 如需创建滑动条,请使用 : 实例   进度:    使用以下属性来规定限制: max – 规定允许的最大值 min – 规定允许的最小值 step – 规定合法的数字间隔 value – 规定默认值 提示: 如果你想在按钮中显示... »

jQuery Mobile 按钮

jQuery Mobile 按钮

jQuery Mobile 按钮 Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中创建按钮 在 jQuery Mobile 中,按钮可通过三种方式创建: 使用 元素 使用 元素 使用带有 data-role=”button” 的 元素 按钮 按钮 在 jQuery Mobile 中,按钮会自动样式化,让它们在移动设备上更具吸引... »

jQuery Mobile 主题

jQuery Mobile 主题

jQuery Mobile 主题 jQuery Mobile 提供了 2 种不同的主题样式, 从 “a” 到 “b” – 每一种主题的按钮,工具条,内容块等等颜色都不一致,每个主题的视觉效果也不一样。 通过设置元素的data-theme属性可以自定义应用的外观: 按钮 值 描述 实例 a 页面为灰色背景黑色文字 头部与底部均为灰色背景黑色... »

实例

jQuery Mobile 按钮图标

jQuery Mobile 按钮图标 jQuery Mobile 提供了一套让按钮看起来更称心如意的图标。 添加图标到 jQuery Mobile 按钮 我们可以使用 ui-icon 类将图标添加到按钮上,并可以使用指定类来设置按钮位置。 Search 注意: 在其他方式的按钮上,如列表或表单中的按钮需要使用 data-icon 属性。在接下来的章节中我们会具体介绍。 下面我们列出一些 jQuer... »

lamp

jQuery Mobile 事件

jQuery Mobile 事件 事件 = 所有不同访问者访问页面的响应动作。 jQuery Mobile 事件 在jQuery Mobile你可以使用任何标准的 但是,在 jQuery Mobile 中, 使用pageinit 事件来设置代码脚本在DOM元素加载完成后开始执行,所以要在任何新页面加载并创建是执行脚本,就需要绑定pageinit事件。 第二个参数 (“#pageone&... »

jQuery Mobile 弹窗

jQuery Mobile 弹窗

jQuery Mobile 弹窗 弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 和 元素。在 元素上添加 data-rel=”popup” 属性, 元素添加 data-role=”popup” 属性。 接着我们为 指定 id, 然后设置 的 href 值为 指定的 id... »

lamp

jQuery Mobile 触摸事件

jQuery Mobile 触摸事件 触摸事件在用户触摸屏幕(页面)时触发。 触摸事件同样可应用与桌面电脑上:点击或者滑动鼠标! jQuery Mobile 点击 点击事件在用户点击元素时触发。 如下实例:当点击 元素时,隐藏当前的 元素: 实例 $(“p”).on(“tap”,function(){  $(this).hide();}); jQue... »

实例

jQuery Mobile 工具栏

jQuery Mobile 工具栏 工具栏元素通常位于头部和尾部内 – 让导航易于访问: 头部栏 头部栏一般包含页面标题/logo 或一两个按钮(通常是首页、选项或搜索)。 您可以添加按钮到头部的左侧或右侧。 下面的代码,将添加一个按钮到头部标题文本的左侧,添加一个按钮到头部标题文本的右侧: 实例   主页  欢迎访问我的主页   搜索 下面的代码,将添加一个按钮到头部标题文本的左侧:... »

lamp

jQuery Mobile 滚屏事件

jQuery Mobile 滚屏事件 jQuery Mobile 提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。 jQuery Mobile 滚屏开始(Scrollstart) scrollstart 事件是在用户开始滚动页面时触发: 实例 $(document).on(“scrollstart”,function(){ alert(“开始滚动!̶... »

实例

jQuery Mobile 导航栏

jQuery Mobile 导航栏 导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。 默认情况下,导航栏中的链接将自动变成按钮(不需要 data-role=”button”)。 使用 data-role=”navbar” 属性来定义导航栏: 实例 首页 页面二 搜索 默认情况下,按钮的宽度与它的内容一样。使用一个无序列表来平均地划分按钮的宽... »

lamp

jQuery Mobile 方向改变事件

jQuery Mobile 方向改变事件 jQuery Mobile 方向改变(orientationchange)事件 当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。 水平旋转 垂直旋转 如需使用方向改变(orientationchange)事件,请附加它到 window 对象: $(window).on("orientationchange",func... »

jQuery Mobile 面板

jQuery Mobile 面板 jQuery Mobile 中的面板会在屏幕的左侧向右侧划出。 通过向指定 id 的 元素添加 data-role=”panel” 属性来创建面板。 在 中添加 HTML 标记来显示你的面板内容: 面板标题.. 文本内容.. 注意: panel 标记必须置于头部、内容、底部组成的页面之前或之后。 要访问面板,需要创建一个指向面板 id 的链... »

jQuery Mobile 实例

jQuery Mobile 实例jQuery Mobile 页面实例解释 »

Page 1 of 212