jQueryMobile控件之ListView
来源:互联网 发布:淘宝交易高仿人民币 编辑:程序博客网 时间:2024/05/18 00:24
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Title</title> <script src="../jquery-2.2.4.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> <link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css"></head><body><div data-role="page"> <div data-role="header" data-position="fixed"><h1>这是头部</h1></div> <div role="main" class="ui-content"> <!--普通listView--> <ul data-role="listview"> <li><a>A</a></li> <li><a>B</a></li> <li><a>C</a></li> <li><a>D</a></li> </ul> <br/> <!--具有搜索功能的listView--> <ul data-role="listview" data-filter="true" > <li><a>A</a></li> <li><a>B</a></li> <li><a>C</a></li> <li><a>D</a></li> </ul> <br> <!--过滤搜索隐藏列表--> <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search Alphabet"> <li><a>A</a></li> <li><a>B</a></li> <li><a>C</a></li> <li><a>D</a></li> </ul> <br/> <!--过滤搜索隐藏列表,另一种写法--> <form class="ui-filterable"> <input id="auto-input" data-type="search" placeholder="Search Alphabet"> </form> <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search Alphabet" data-input = '#auto-input'> <li><a>A</a></li> <li><a>B</a></li> <li><a>C</a></li> <li><a>D</a></li> </ul> </div> <div data-role="footer" data-position="fixed"> <h1>这是底部</h1> </div></div></body></html>
0 0
- jQueryMobile控件之ListView
- jQueryMobile控件之按钮
- jQueryMobile控件之复选框
- jQueryMobile控件之页面切换
- jQueryMobile的组件之列表(listview)
- jQueryMobile控件之展开与合并
- JQueryMobile listview动态刷新
- jquerymobile知识点二:动态ListView
- Android 控件之ListView
- Android控件之ListView
- Android控件之ListView
- android控件之ListView
- Android控件之ListView
- 常用控件之listview
- Android控件之ListView
- Android控件之ListView
- Android控件之ListView
- Android之ListView控件
- jQueryMobile控件之按钮
- SSH框架之Struts的struts-default.xml配置文件
- jQueryMobile控件之页面切换
- mysql-5.6.35安装时最后一步设置密码
- jQueryMobile控件之展开与合并
- jQueryMobile控件之ListView
- 微机组成
- 移动混合模式开发
- 移动混合开发之HTML5在移动开发中的准则
- 移动混合开发之页面布局
- 移动混合开发之android文件管理demo
- 移动混合开发之android文件管理-->flexbox,webFont。
- rem ,em ,px的区别
- 移动混合开发之文件管理工具栏