jQueryMobile的组件之下拉菜单(selectMenu)
2015-08-30 21:33
726 查看
以下是一个最基本的下拉菜单示例,更多细节请参考jQueryMobile的手册
在iphone6中的效果:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>下拉菜单示例</title> <link rel="stylesheet" type="text/css" href="jquery.mobile-1.4.5.min.css"> <script src="jquery-1.11.1.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="page_one"> <div data-role="header" data-position="fixed" data-theme="b"> <h1>Fun Here</h1> </div> <div data-role="content"> <div class="ui-field-contain"> <select name="select-native-1" id="select-native-1" data-iconpos="left"> <option value="1">这是第一个</option> <option value="2">这是第二个</option> <option value="3" disabled="disabled">这是第三个</option> <option value="4">这是第四个</option> </select> </div> </div> <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active" data-icon="grid">分类</a></li> <li><a href="#" data-icon="star">周边</a></li> <li><a href="#" data-icon="gear">设置</a></li> </ul> </div> </div> </div> </body> </html>
在iphone6中的效果:
相关文章推荐
- 如何尽量避免引用jQuery
- 从html字符串中获取div内容---jquery
- jquery插件封装:弹出iframe模式框
- jQuery事件命名空间
- 【JavaScript】小样例-js仿jquery的表单验证
- Jquery对象的文档处理,CSS和事件
- jquery 获取 outerHtml 包含当前节点本身的代码
- PHP与jquery前后台交互的小程序
- jquery选择器(原创)
- jQueryMobile的组件之弹出窗(popup)
- jQueryMobile的组件之导航条(navbar)
- JQuery基础
- jquery.mousewheel实现整屏翻屏效果
- jquery实现整屏翻屏效果:jquery.mousewheel(一)
- JQuery与Ajax的结合进行文本框内容验证
- IE8下jQuery改变png图片透明度时出现的黑边
- jquery datatable 参数
- jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效
- jQuery实现CheckBox全选、全不选
- Jquery Table 的基本操作