使用jqm时select运用本地组件
来源:互联网 发布:mac看图片 编辑:程序博客网 时间:2024/06/15 06:03
使用jqm的select
如果一个select的option很长,点击select的时候就会跳转到新的页面,在这种情况下使用本地的select就可以避免这个问题
<div>
<select data-native-menu="false"> 使用data-native-menu="false"可以不使用jqm的select样式
<option>one</option>
<option>two</option>
....................
</select>
</div>
使用jqm禁止页面缩放
使用jqm的三个文件
<link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<scriptsrc="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
还要一个不可缺少的就是
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.3, user-scalable=no">
它可以使页面自适应屏幕,但是有时候屏幕在点击时候会缩放,所以加了user-scalable="no" 禁止缩放,
jqm footer不固定
在用到footer时,点击空白区,footer会上下调跳动,不固定,
<div data-role="content" data-position="fixed"></div>
但是有时候不起作用,还要加上
<div data-role="content" data-position="fixed" data-tap-toggle="false"></div>
如果还不起作用
<div data-role="content" data-position="fixed" data-tap-toggle="false"style="position:fixed"></div>
这样可以解决footer不能固定在底部的办法
- 使用jqm时select运用本地组件
- JQM panel使用实例
- elementUI select 组件使用详解
- 使用PhoneGap+JQM开发App时遇到的问题,持续更新中。。。
- JQM使用手势关闭/打开一个panel
- PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
- jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo
- Select组件
- VUE 使用新版本 element-ui 组件库 Select 组件时, value 值为对象时的 BUG 处理
- VUE 使用新版本 element-ui 组件库 Select 组件时, value 值为对象时的 BUG 处理
- 列表组件的运用
- form表单中select组件使用for循环赋值
- elementUI 组件select 一个页面多次使用的情况
- Grails g:select标签运用
- C#中使用Process组件访问本地进程
- JQM List
- JQM属性
- 初见jqm
- nginx反向代理,网站访问地址默认80端口
- 如何给oracle账户解锁
- 使用vi编辑器编辑常用查找、替换命令
- 学习MyBatis.Net之路 (三)
- Code Folding Ribbon(Xcode折叠代码的功能)
- 使用jqm时select运用本地组件
- 多线程生产者消费者 蒸笼窝头
- Ajax中使用JSON格式
- CodeForces 475D CGCDSSQ
- 学会使用Apache错误日志
- 判断字符串中括号成对出现的方法
- 【8】跳台阶
- oracle创办表时候指定表空间
- springboot security CSRF问题