移动互联网的发展，促生了各种各样的移动Web框架。jQuery Mobile 是一个针对触摸体验的 web UI 开发框架，很容易就可以把 Web App 包装成适合 Android 与 iOS等触屏移动设备的 Javascript 库，与 HTML5结合可以很方便快速的开发出一款具有良好界面及用户体验的 Web App"htmlcode">
<div data-role="controlgroup"> <label for="select" class="select">请选择你的兴趣</label> <select name="select" id="select"> <option>音乐</option> <option>电影</option> <option>体育</option> <option>旅游</option> </select> </div>
分组的选择菜单
要在select 元素制定optgroup。
<div data-role="controlgroup"> <label for="select">请选择你的兴趣：</label> <select name="select" id="select" data-native-menu="true"> <optgroup label="娱乐类"/> <option>音乐</option> <option>电影</option> <optgroup label="文体累"/> <option>体育</option> <option>旅游</option> </select> </div>
禁用指定Option 数据项的选择菜单
<div data-role="controlgroup"> <label for="select">请选择你的兴趣：</label> <select name="select" id="select" data-native-menu="true"> <optgroup label="娱乐类"/> <option disabled="">音乐</option> <option>电影</option> <optgroup label="文体累"/> <option>体育</option> <option>旅游</option> </select> </div>
普通连接列表
<div data-role="page"> <header data-role="header"> <h1>列表例</h1> </header> <div data-role="content"> <ul data-role="listview" data-theme="g"> <li><a href="#">List 1</a></li> <li><a href="#">List 2</a></li> <li><a href="#">List 3</a></li> <li><a href="#">List 4</a></li> </ul> </div> </div>
多层次嵌套列表。
<div data-role="page"> <header data-role="header"> <h1>列表例</h1> </header> <div data-role="content"> <ul data-role="listview" data-theme="g"> <li> <a href="#" data-add-back-btn="true">List 1</a> <p >这是第一层</p> <ul> <li> <a>subList 1 of 1</a> <a>subList 1 of 2</a> <a>subList 1 of 3</a> </li> </ul> </li> <li> <a href="#" data-add-back-btn="true">List 2</a> <p >这是第二层</p> <ul> <li> <a>subList 2 of 1</a> <a>subList 2 of 2</a> <a>subList 2 of 3</a> </li> </ul> </li> <li> <a href="#" data-add-back-btn="true">List 3</a> <p >这是第三层</p> <ul> <li> <a>subList 3 of 1</a> <a>subList 3 of 2</a> <a>subList 3 of 3</a> </li> </ul> </li> </ul> </div> </div>
以上内容是小编给大家分享的jQuery mobile 移动web(4)的相关知识，希望大家喜欢。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“jQuery mobile 移动web(4)”评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。