当前位置:K88软件开发 → 文章中心 → 编程语言 → APP编程 → jQuery Mobile01 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
-
jQuery Mobile CSS 类
[内容预览]
0 | 2019-01-12 06:33:40
jQueryMobileCSS类jQueryCSS类jQueryMobileCSS类来设置不同元素的样式。以下列表包含了通用的CSS样式:全局类以下类可以在jQueryMobile小工具中使用(按钮,工具条,面板,表格,列表等。):Class描述ui-corner-all为元素添加圆角ui-shadow为元素添加阴影u...
[阅读全文]
-
jQuery Mobile页面事件
[内容预览]
0 | 2019-01-12 06:33:39
jQueryMobile页面事件jQueryMobile页面事件在jQueryMobile中与页面打交道的事件被分为四类:PageInitialization-在页面创建前,当页面创建时,以及在页面初始化之后PageLoad/Unload-当外部页面加载时、卸载时或遭遇失败时PageTransition-在页面过渡之前...
[阅读全文]
-
jQuery Mobile 图标
[内容预览]
0 | 2019-01-12 06:33:36
jQueryMobile图标我们可以使用图标类在jQueryMobile中<a>和<button>元素上添加图标,并对图标进行定位,如下所示:<ahref="#anylink"class="ui-btnui-icon-refreshui-btn-icon-left">刷新页面</a>尝试一下<buttonclass="...
[阅读全文]
-
jQuery Mobile Data 属性
[内容预览]
0 | 2019-01-12 06:33:34
jQueryMobileData属性jQueryData属性jQueryMobile使用HTML5data-*属性来为移动设备创建更具触摸友好性和吸引性的外观。在下面的参考列表中,粗体显示的值为默认值。按钮在1.4版本以后已废弃。使用CSS类替代。带有data-role="button"的超链接。button元素、工具...
[阅读全文]
-
jQuery Mobile 实例
[内容预览]
0 | 2019-01-12 06:33:33
jQueryMobile实例jQueryMobile页面一个基本的移动网页多个页面对话框实例解释jQueryMobile页面切换淡入效果从后向前翻转效果流动效果弹出效果滑动效果从右到左滑动并淡入效果从下到上滑动效果从上到下滑动效果翻页效果没有切换效果颠倒效果实例解释jQueryMobile按钮创建按钮内联按钮组合按钮后...
[阅读全文]
-
jQuery Mobile 方向改变事件
[内容预览]
0 | 2019-01-12 06:33:31
jQueryMobile方向改变事件jQueryMobile方向改变(orientationchange)事件当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。水平旋转垂直旋转如需使用方向改变(orientationchange)事件,请附加它到window对象:$(window)...
[阅读全文]
-
jQuery Mobile 滚屏事件
[内容预览]
0 | 2019-01-12 06:33:30
jQueryMobile滚屏事件jQueryMobile提供了两种滚屏事件:滚屏开始时触发和滚动结束时触发。jQueryMobile滚屏开始(Scrollstart)scrollstart事件是在用户开始滚动页面时触发:实例$(document).on("scrollstart",function(){alert("开...
[阅读全文]
-
jQuery Mobile 触摸事件
[内容预览]
0 | 2019-01-12 06:33:29
jQueryMobile触摸事件触摸事件在用户触摸屏幕(页面)时触发。触摸事件同样可应用与桌面电脑上:点击或者滑动鼠标!jQueryMobile点击点击事件在用户点击元素时触发。如下实例:当点击<p>元素时,隐藏当前的<p>元素:实例$("p").on("tap",function(){?$(this).hide();...
[阅读全文]
-
jQuery Mobile 事件
[内容预览]
0 | 2019-01-12 06:33:27
jQueryMobile事件事件=所有不同访问者访问页面的响应动作。jQueryMobile事件在jQueryMobile你可以使用任何标准的jQuery事件。除此之外,jQueryMobile也提供了针对移动端浏览器的事件:触摸事件-当用户触摸屏幕时触发滑动事件-当用户上下滑动时触发定位事件-当设备水平或垂直翻转时触...
[阅读全文]
-
jQuery Mobile 主题
[内容预览]
0 | 2019-01-12 06:33:26
jQueryMobile主题jQueryMobile提供了2种不同的主题样式,从"a"到"b"-每一种主题的按钮,工具条,内容块等等颜色都不一致,每个主题的视觉效果也不一样。通过设置元素的data-theme属性可以自定义应用的外观:<ahref="#"class="ui-btnui-btn-a|b">按钮</a>值描...
[阅读全文]
-
jQuery Mobile 表单滑动条
[内容预览]
0 | 2019-01-12 06:33:24
jQueryMobile表单滑动条jQueryMobile滑动条控件滑动条允许您从一个范围的数字中选择一个值:如需创建滑动条,请使用<inputtype="range">:实例<formmethod="post"action="demoform.php"><labelfor="points">进度:</label><i...
[阅读全文]
-
jQuery Mobile 表单选择
[内容预览]
0 | 2019-01-12 06:33:23
jQueryMobile表单选择菜单jQueryMobile选择菜单Iphone上的选择菜单:Android/SGS4设备上的选择菜单:<select>元素创建带有若干选项的下拉列表。<select>元素内的<option>元素定义了列表中的可用选项:实例<formmethod="post"action="demofo...
[阅读全文]
-
jQuery Mobile 表单输入
[内容预览]
0 | 2019-01-12 06:33:21
jQueryMobile表单输入元素jQueryMobile文本输入框输入字段是通过标准的HTML元素编码的,jQueryMobile将为它们添加样式使其看起来更具吸引力,在移动设备上更易使用。您也能使用新的HTML5的<input>类型:实例<formmethod="post"action="demo_form.ph...
[阅读全文]
-
jQuery Mobile 表单
[内容预览]
0 | 2019-01-12 06:33:20
jQueryMobile表单jQueryMobile会自动为HTML表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。jQueryMobile表单结构jQueryMobile使用CSS为HTML表单元素添加样式,让它们更具吸引力,更易于使用。在jQueryMobile中,您可以使用下列表单控件:文本输入框搜...
[阅读全文]
-
jQuery Mobile 过滤
[内容预览]
0 | 2019-01-12 06:33:18
jQueryMobile过滤可过滤元素所有的元素如果有一个或更多的子元素均可过滤。如何创建搜索字段:你想过滤的元素必须使用data-filter="true"属性。创建<input>元素并指定id,元素上加上data-type="search"属性。这样就能创建基本的搜索字段。将<input>元素放置于一个表单中,表单...
[阅读全文]
-
[图文] jQuery Mobile 列表内容
[内容预览]
0 | 2019-01-12 06:33:17
jQueryMobile列表内容jQueryMobile列表图标默认情况下每个列表项都会包含一个箭头图标"carat-r"(右箭头)。如果要修改这个图标可以使用data-icon属性:实例<uldata-role="listview"><li><ahref="#">Defaultisrightarrow</a></li...
[阅读全文]
-
jQuery Mobile 列表视图
[内容预览]
0 | 2019-01-12 06:33:16
jQueryMobile列表视图jQueryMobile列表视图jQueryMobile中的列表视图是标准的HTML列表;有序(<ol>)和无序(<ul>).列表视图是jQueryMobile中功能强大的一个特性。它会使标准的无序或有序列表应用更广泛。应用方法就是在ul或ol标签中添加data-role="listvi...
[阅读全文]
-
jQuery Mobile 网格
[内容预览]
0 | 2019-01-12 06:33:14
jQueryMobile网格jQueryMobile网格布局jQueryMobile提供了一套基于CSS的分列布局。然而,在移动设备上,由于考虑手机的屏幕宽度狭窄,一般不建议使用分栏分列布局。但有时您想要将较小的元素(如按钮或导航标签)并排地排列在一起,就像是在一个表格中一样。这种情况下,推荐使用分列布局。网格中的列是...
[阅读全文]
-
jQuery Mobile 表格
[内容预览]
0 | 2019-01-12 06:33:13
jQueryMobile表格响应式表格响应式设计一般用于适配用户各种移动设备。我们只需要使用一个简单的类名,jQueryMobile就能根据屏幕的尺寸自动调整页面内容。响应式表格让页面内容在移动端和桌面设备上能够很好的适配。响应式表格有两种类型:reflow(回流)与列切换。回流表格回流模型表格在屏幕尺寸足够大时是水平...
[阅读全文]
-
jQuery Mobile 可折叠块
[内容预览]
0 | 2019-01-12 06:33:11
jQueryMobile可折叠块可折叠内容块可折叠块允许您隐藏或显示内容-对于存储部分信息很有用。如需创建一个可折叠的内容块,需要为容器添加data-role="collapsible"属性。在容器(div)内,添加一个标题元素(H1-H6),后跟您想要进行扩展的HTML标记:实例<divdata-role="coll...
[阅读全文]
-
jQuery Mobile 面板
[内容预览]
0 | 2019-01-12 06:33:10
jQueryMobile面板jQueryMobile中的面板会在屏幕的左侧向右侧划出。通过向指定id的<div>元素添加data-role="panel"属性来创建面板。在<div>中添加HTML标记来显示你的面板内容:<divdata-role="panel"id="myPanel"><h2>面板标题..</h2><...
[阅读全文]
-
jQuery Mobile 导航栏
[内容预览]
0 | 2019-01-12 06:33:08
jQueryMobile导航栏导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。默认情况下,导航栏中的链接将自动变成按钮(不需要data-role="button")。使用data-role="navbar"属性来定义导航栏:实例<divdata-role="header"><divdata-role="nav...
[阅读全文]
-
jQuery Mobile 工具栏
[内容预览]
0 | 2019-01-12 06:33:07
jQueryMobile工具栏工具栏元素通常位于头部和尾部内-让导航易于访问:头部栏头部栏一般包含页面标题/logo或一两个按钮(通常是首页、选项或搜索)。您可以添加按钮到头部的左侧或右侧。下面的代码,将添加一个按钮到头部标题文本的左侧,添加一个按钮到头部标题文本的右侧:实例<divdata-role="header"...
[阅读全文]
-
jQuery Mobile 弹窗
[内容预览]
0 | 2019-01-12 06:33:05
jQueryMobile弹窗弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。弹窗可用于显示一段文本,图片,地图或其他内容。创建一个弹窗,需要使用<a>和<div>元素。在<a>元素上添加data-rel="popup"属性,<div>元素添加data-role="popup"属性。接着我们为<div>指定id,然...
[阅读全文]
-
jQuery Mobile 按钮图标
[内容预览]
0 | 2019-01-12 06:33:04
jQueryMobile按钮图标jQueryMobile提供了一套让按钮看起来更称心如意的图标。添加图标到jQueryMobile按钮我们可以使用ui-icon类将图标添加到按钮上,并可以使用指定类来设置按钮位置。<ahref="#anylink"class="ui-btnui-icon-searchui-btn-ic...
[阅读全文]
-
jQuery Mobile 按钮
[内容预览]
0 | 2019-01-12 06:33:02
jQueryMobile按钮Mobile应用程序是建立在您想要显示的简单的点击事物上。在jQueryMobile中创建按钮在jQueryMobile中,按钮可通过三种方式创建:使用<button>元素使用<input>元素使用带有data-role="button"的<a>元素<button><button>按钮</b...
[阅读全文]
-
jQuery Mobile 过渡
[内容预览]
0 | 2019-01-12 06:33:01
jQueryMobile过渡jQueryMobile包含CSS3效果让您选择页面打开的方式。jQueryMobile页面切换效果jQueryMobile提供了各种页面切换到下一个页面的效果。注意:为了实现页面切换效果,浏览器必须支持CSS33D切换:12.010.016.04.015.0表格中的数字为支持3D旋转的最小...
[阅读全文]
-
jQuery Mobile 页面
[内容预览]
0 | 2019-01-12 06:33:00
jQueryMobile页面开始学习jQueryMobile尽管jQueryMobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)。为了更好的阅读本教程,建议您使用GoogleChrome浏览器。实例<body><divdata-role="page"><divdata-role="head...
[阅读全文]
-
jQuery Mobile 安装
[内容预览]
0 | 2019-01-12 06:32:58
jQueryMobile安装在你的网页中添加jQueryMobile你可以通过以下几种方式将jQueryMobile添加到你的网页中:从CDN中加载jQueryMobile(推荐)从jQuerymobile.com下载jQueryMobile库从CDN中加载jQueryMobileCDN的全称是ContentDeliv...
[阅读全文]
-
jQuery Mobile 简介
[内容预览]
0 | 2019-01-12 06:32:57
jQueryMobile简介jQueryMobile是一个用于创建移动端web应用的的前端框架。学习本教程前你需要先了解在开始学习jQueryMobile前,你应该了解一下基础知识:HTMLCSSjQuery如果你想学习这些知识,你可以访问本站的首页。什么是jQueryMobile?jQueryMobile是针对触屏智...
[阅读全文]