jQuery Mobile

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 页面实例解释 »

实例

jQuery Mobile 可折叠块

jQuery Mobile 可折叠块 可折叠内容块 可折叠块允许您隐藏或显示内容 – 对于存储部分信息很有用。 如需创建一个可折叠的内容块,需要为容器添加 data-role=”collapsible” 属性。在容器(div)内,添加一个标题元素(H1-H6),后跟您想要进行扩展的 HTML 标记: 实例 点击我 – 我可以折叠! 我是可折叠的内容。... »

jQuery Mobile Data 属性

jQuery Mobile Data 属性

jQuery Mobile Data 属性 jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观。 在下面的参考列表中,粗体显示的值为默认值。 按钮 在1.4 版本以后已废弃。使用 CSS 类 替代。带有 data-role=”button” 的超链接。button 元素、工具栏中的链接以... »

jQuery Mobile 表格

jQuery Mobile 表格

jQuery Mobile 表格 响应式表格 响应式设计一般用于适配用户各种移动设备。 我们只需要使用一个简单的类名,jQuery Mobile 就能根据屏幕的尺寸自动调整页面内容。 响应式表格让页面内容在移动端和桌面设备上能够很好的适配。 响应式表格有两种类型: reflow(回流) 与 列切换。 回流表格 回流模型表格在屏幕尺寸足够大时是水平显示,而在屏幕尺寸达到足够小时,所有的数据会变成垂直... »

jQuery Mobile 图标

jQuery Mobile 图标 我们可以使用图标类在 jQuery Mobile 中 和 元素上添加图标,并对图标进行定位,如下所示: <a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left“>刷新页面 <button class="ui-btn ui... »

lamp

jQuery Mobile 网格

jQuery Mobile 网格jQuery Mobile 网格布局jQuery Mobile 提供了一套基于 CSS 的分列布局。实例 2:class 为 ui-grid-b,则必须添加 ui-block-a、ui-block-b 和 ui-block-c 的三个子元素。自定义网格通过使用CSS,您可以自定义列块:实例.ui-block-a, .ui-block-b, .ui-block-c 您... »

jQuery Mobile 页面事件

jQuery Mobile 页面事件 jQuery Mobile 页面事件 在 jQuery Mobile 中与页面打交道的事件被分为四类: Page Initialization – 在页面创建前,当页面创建时,以及在页面初始化之后 Page Load/Unload – 当外部页面加载时、卸载时或遭遇失败时 Page Transition – 在页面过渡之前和... »

实例

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-... »

Page 1 of 212