jQuery Mobile 类目的文章存档第1页 - IT程序员的互联网资讯平台

全部资讯

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

发布于 2014-11-28 09:03:57 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 页面事件

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

发布于 2014-11-28 08:39:46 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 事件

jQuery Mobile 事件 jQuery Mobile 事件参考手册以下列表为所有的 jQuery Mobile 事件。注意：请使用 on() 方法绑定事件。事件描述 hashchange 启用可标记 #hash 历史，哈希值会在一次独立的点击时发生时变化，比如一个用户点击后退按钮，会通过 hashchange事件进行处理。 navigate&...

发布于 2014-11-28 08:49:46 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 图标

jQuery Mobile 图标 jQuery 图标在 jQuery Mobile 中，如需为按钮添加图标，请使用 data-icon 属性： <a href='#anylink' data-role='button' data-icon='refresh'>Refre...

发布于 2014-11-28 08:17:39 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile Data 属性

jQuery Mobile Data 属性 jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观。在下面的参考列表中，粗体显示的值为默认值。按钮带有 data-role='button' 的超链接。button 元素、工具栏中的链接以及 input...

发布于 2014-11-28 08:31:59 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 实例

jQuery Mobile 实例 jQuery Mobile 页面一个基本的移动网页多个页面对话框实例解释 jQuery Mobile 页面切换淡入效果从后向前翻转效果流动效果弹出效果滑动效果从右到左滑动并淡入效果从下到上滑动效果从上到下滑动效果翻页效果没有切换效果颠倒效果实例解释 jQuery Mobile 按钮创建按钮 ...

发布于 2014-11-28 08:13:29 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 方向改变事件

jQuery Mobile 方向改变事件 jQuery Mobile 方向改变（orientationchange）事件当用户垂直或水平旋转移动设备时，触发方向改变（orientationchange）事件。 $(document).ready(function(){ $('#btn').click(function(){ $(...

发布于 2014-11-28 08:33:22 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 滚屏事件

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

发布于 2014-11-28 08:27:18 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 触摸事件

jQuery Mobile 触摸事件触摸事件在用户触摸屏幕（页面）时触发。触摸事件同样可应用与桌面电脑上：点击或者滑动鼠标！ jQuery Mobile 点击点击事件在用户点击元素时触发。如下实例：当点击 <p> 元素时，隐藏当前的 <p> 元素：实例 $('p').on(...

发布于 2014-11-28 08:23:24 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 事件

jQuery Mobile 事件事件 = 所有不同访问者访问页面的响应动作。 jQuery Mobile 事件在jQuery Mobile你可以使用任何标准的 jQuery 事件。除此之外, jQuery Mobile 也提供了针对移动端浏览器的事件：触摸事件 - 当用户触摸屏幕时触发滑动事件 - 当用户上下滑动时触发定位事件 - 当设备水平或...

发布于 2014-11-28 07:48:35 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 主题

jQuery Mobile 主题 jQuery Mobile 主题 jQuery Mobile 提供了5种不同的主题样式, 从 'a' 到 'e' - 每一种主题的按钮，工具条，内容块等等颜色都不一致，每个主题的视觉效果也不一样。通过设置元素的data-theme属性可以自定义应用的外观: <div d...

发布于 2014-11-28 07:46:21 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 表单滑动条

jQuery Mobile 表单滑动条 jQuery Mobile 滑动条控件滑动条允许您从一个范围的数字中选择一个值：如需创建滑动条，请使用 <input type='range'>：实例 <form method='post' action='demofor...

发布于 2014-11-28 07:49:13 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 表单选择菜单

jQuery Mobile 表单选择菜单 jQuery Mobile 选择菜单 Iphone 上的选择菜单： Android/SGS4 设备上的选择菜单： <select> 元素创建带有若干选项的下拉列表。 <select> 元素内的 <option> 元素定义了列表中的可用...

发布于 2014-11-28 08:05:24 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 表单输入元素

jQuery Mobile 表单输入元素 jQuery Mobile 文本输入框输入字段是通过标准的 HTML 元素编码的，jQuery Mobile 将为它们添加样式使其看起来更具吸引力，在移动设备上更易使用。您也能使用新的 HTML5 的 <input> 类型：实例 <form method='po...

发布于 2014-11-28 07:16:21 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 表单

jQuery Mobile 表单 jQuery Mobile 会自动为 HTML 表单自动添加样式，让它们看起来更具吸引力，触摸起来更具友好性。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式，让它们更具吸引力，更易于使用。在 jQuery Mobile 中，您可以使用下列表单控件：文本输入...

发布于 2014-11-28 07:30:06 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 列表内容

jQuery Mobile 列表内容 jQuery Mobile 列表缩略图大于 16x16px 的图像，请在链接中添加 <img> 元素。 jQuery Mobile 将自动缩放图像到 80x80px: 实例 <ul data-role='listview'> <...

发布于 2014-11-28 07:06:20 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 列表视图

jQuery Mobile 列表视图 jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的HTML 列表; 有序(<ol>) 和无序(<ul>). 列表视图是jQuery Mobile中功能强大的一个特性。它会使标准的无序或有序列表应用更广泛。应用方法就是在ul或ol...

发布于 2014-11-28 07:13:24 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 网格

jQuery Mobile 网格 jQuery Mobile 布局网格 jQuery Mobile 提供了一套基于 CSS 的分列布局。然而，在移动设备上，由于考虑手机的屏幕宽度狭窄，一般不建议使用分栏分列布局。但有时您想要将较小的元素（如按钮或导航标签）并排地排列在一起，就像是在一个表格中一样。这种情况下，推荐使用分列布局。网格中的列是等宽的（合计是 ...

发布于 2014-11-28 07:26:45 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 可折叠块

jQuery Mobile 可折叠块可折叠内容块可折叠块允许您隐藏或显示内容 - 对于存储部分信息很有用。如需创建一个可折叠的内容块，需要为容器添加 data-role='collapsible' 属性。在容器（div）内，添加一个标题元素（H1-H6），后跟您想要进行扩展的 HTML 标记：实例 <div data...

发布于 2014-11-28 06:52:56 栏目： jQuery Mobile

【jquerymobile教程】jQuery Mobile 导航栏

jQuery Mobile 导航栏 jQuery Mobile 导航栏导航栏是由一组水平排列的链接组成，通常包含在头部或尾部内。默认情况下，导航栏中的链接将自动变成按钮（不需要 data-role='button'）。使用 data-role='navbar' 属性来定义导航栏：实例 <div d...

发布于 2014-11-28 07:29:30 栏目： jQuery Mobile