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 元素上添
jQuery Mobile 按钮图标 jQuery Mobile 提供了一套让按钮看起来更称心如意的图标。 添加图标到 jQuery Mobile 按钮 我们可以使用 ui-icon 类将图标添加到按钮上,并可以使用指定类来设置按钮位置
jQuery Mobile 按钮 Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中创建按钮 在 jQuery Mobile 中,按钮可通过三种方式创建: 使用 button 元素 使用 input 元素 使用带
jQuery Mobile 过渡 jQuery Mobile 包含 CSS3 效果让您选择页面打开的方式。 jQuery Mobile 页面切换效果 jQuery Mobile 提供了各种页面切换到下一个页面的效果。 注意:为了实现页面切换效果,浏览
jQuery Mobile 页面 开始学习 jQuery Mobile 尽管jQuery Mobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)。 为了更好的阅读本教程,建议您使用 Google Chrome 浏览器。 实
jQuery Mobile 安装 在你的网页中添加 jQuery Mobile 你可以通过以下几种方式将jQuery Mobile添加到你的网页中: 从 CDN 中加载 jQuery Mobile (推荐) 从jQuerymobile.com 下载 jQuery Mobile库 从 CDN 中加载 j
jQuery Mobile 简介 jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 学习本教程前你需要先了解 在开始学习 jQuery Mobile 前, 你应该了解一下基础知识: HTML CSS jQuery 如果你想学习这些
ionic 选项卡栏操作 ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。 用法
ionic 加载动画 ion-spinner ionSpinner 提供了许多种旋转加载的动画图标。当你的界面加载时,你就可以呈现给用户相应的加载图标。 该图标采用的是SVG。 用法 ion-spinner icon="spiral"/ion-spinner
ionic 滑动框 ion-slide-box 滑动框是一个包含多页容器的组件,每页滑动或拖动切换: 效果图如下: 用法 ion-slide-box on-slide-changed="slideHasChanged($index)" ion-slide div class="box blue"h1BLUE/h1/div /ion-