jQueryMobile的组件——可展开项(collapsible)
来源:互联网 发布:山东网络诈骗案 编辑:程序博客网 时间:2024/05/18 00:49
data-role="collapsible"——指明div为可展开项组件;
data-collapsed="false"——初始化组件为展开状态;
data-content-theme="false"——指明展开项内容为去掉边框的样式;
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>collapsible实例</title> <script src="jquery-2.1.3.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" type="text/css"></head><body><div data-role="page"> <div data-role="header" data-position="fixed"> <h1>欢迎来到主页</h1> </div> <div data-role="content" > <div data-role="collapsible" data-collapsed="false"> <h4>初始展开</h4> <p>我展开了么?</p> </div> <div data-role="collapsible" data-content-theme="false"> <h4>默认收起</h4> <p>我展开了么?</p> </div> <div data-role="collapsible"> <h1>列表项</h1> <ul data-role="listview"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> </div> </div> <div data-role="footer" data-position="fixed"> <h1>这是底部</h1> </div></div></body></html>在iPhone6中的效果:
0 0
- jQueryMobile的组件——可展开项(collapsible)
- 可展开的列表组件——ExpandableListView简单举例
- 可展开的列表组件——ExpandableListView深入解析
- ExpandableView(可展开的列表组件)
- jQueryMobile的组件——页面(page)
- jQueryMobile的组件——按钮(button)
- ExpandableListView(似listview中的item可展开)可展开的列表组件
- ExpendableListView(可展开的列表组件)笔记
- 可展开的列表组件ExpandableListView
- 可展开的列表组件ExpandableListView
- 可展开的列表组件ExpandableListView
- ExpandableListView-可展开的列表组件
- 可展开的列表组件 ExpandableListview
- ExpandableListView--可展开的列表组件
- jQueryMobile的组件——复选框(checkbox)和单选钮(radio)
- jquerymobile-20 可折叠内容(Collapsible content)
- jquerymobile-10 可折叠内容(Collapsible content)
- ExpandableListView(可展开的列表组件)的说明以及其用法
- JVM性能调优
- Pig的常用操作。
- Mercurial(Hg)基本操作
- python输出中文——如何在Windows控制台打印不乱码
- 树莓派之看门狗
- jQueryMobile的组件——可展开项(collapsible)
- DIV块左右滑动
- android studio mac 快捷键
- 安卓RSA加密,适配javaweb
- 欢迎使用CSDN-markdown编辑器
- mysql备份与还原
- Excel批量替换成强制換行
- MAC Android SDK 代理配置
- mac版mongoDB下载安装教程