摘要: jQuery Mobile 文本输入 输入字段是通过标准的 HTML 元素编写的,jQuery Mobile 会为它们设置专门针对移动设备的美观易用的样式。您还可以使用新的 HTML5 <input> 类型: 实例: <form method="post" action="demoform.asp" 阅读全文
posted @ 2016-12-01 15:10 殇的博客 阅读(233) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式,以使其更有吸引力更易用。 在 jQuery Mobile 中,您可以使用以下表单控件: 文本框 搜索框 单 阅读全文
posted @ 2016-12-01 15:03 殇的博客 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 列表缩略图 对于大于 16x16px 的图像,请在链接中添加 <img> 元素。 jQuery Mobile 将自动把图像调整至 80x80px: 实例: <ul data-role="listview"> <li><a href="#"><img src="chrome 阅读全文
posted @ 2016-12-01 14:49 殇的博客 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 输入a: 输入b: jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的 HTML 列表:有序列表 (<ol>) 和无序列表 (<ul>)。 如需创建列表,请向 <ol> 或 <ul> 元素添加 data-role="listview"。如需使这些项目可点击,请在每 阅读全文
posted @ 2016-12-01 14:41 殇的博客 阅读(1670) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 布局网格 jQuery Mobile 提供了一套基于 CSS 的列布局方案。不过,一般不推荐在移动设备上使用列布局,这是由于移动设备的屏幕宽度所限。 但是有时你需要定位更小的元素,比如按钮或导航栏,就像在表格中那样并排。这时,列布局就恰如其分。 网格中的列是等宽的(总宽是 阅读全文
posted @ 2016-12-01 14:25 殇的博客 阅读(1755) 评论(0) 推荐(0) 编辑
摘要: 可折叠的内容块 可折叠(Collapsibles)允许您隐藏或显示内容 - 对于存储部分信息很有用。 如需创建可折叠的内容块,请向某个容器分配 data-role="collapsible" 属性。在容器(div)中,添加一个标题元素(h1-h6),其后是您需要扩展的任意 HTML 标记: 实例: 阅读全文
posted @ 2016-12-01 14:18 殇的博客 阅读(757) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 导航栏 导航栏由一组水平排列的链接构成,通常位于页眉或页脚内部。 默认地,导航栏中的链接会自动转换为按钮(无需 data-role="button")。 请使用 data-role="navbar" 属性来定义导航栏: 实例: <div data-role="header 阅读全文
posted @ 2016-12-01 14:12 殇的博客 阅读(1155) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 工具栏 工具栏元素常被放置于页眉和页脚中 - 以实现“已访问”的导航: 标题栏 页眉通常会包含页眉标题/LOGO 或一到两个按钮(通常是首页、选项或搜索按钮)。 您可以在页眉中向左侧或/以及右侧添加按钮。 下面的代码,将向页眉标题文本的左侧添加一个按钮,并向右侧添加一个按 阅读全文
posted @ 2016-12-01 14:04 殇的博客 阅读(214) 评论(0) 推荐(0) 编辑
摘要: jQuery 图标 如需在 jQuery Mobile 中向按钮添加图标,请使用 data-icon 属性: <a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a> 提示:您也可以在 <button> 或 阅读全文
posted @ 2016-12-01 13:59 殇的博客 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 在 jQuery Mobile 中创建按钮 jQuery Mobile 中的按钮可通过三种方法创建: 使用 <button> 元素 使用 <input> 元素 使用 data-role="button" 的 <a> 元素 <button> <button>按钮</button> <input> <i 阅读全文
posted @ 2016-12-01 13:56 殇的博客 阅读(304) 评论(0) 推荐(0) 编辑