MUI-页面初始化
2015-02-09 18:03
501 查看
mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。
这里说明一下。在没有webview的情况下,有些事情是无法处理的,比如手势事件、预加载、创建子页面等。
这里我们以手势事件为例:
我们来看看效果如何:
从上面的运行结果我们可以看到,在init中注册的手势有的支持有的则不支持。这是
有我们在init设置的。
好了。怎么样?第一天入门还不错吧。后面还有更多课程哦!
下载地址:http://download.csdn.net/detail/u013059555/8435811
这里说明一下。在没有webview的情况下,有些事情是无法处理的,比如手势事件、预加载、创建子页面等。
这里我们以手势事件为例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>页面初始化</title> <script src="../DKSHDemo/Resource/js/mui.min.js"></script> <link href="../DKSHDemo/Resource/css/mui.min.css" rel="stylesheet" /> <script type="text/javascript" charset="utf-8"> mui.init({ gestureConfig:{ tap: true, //默认为true doubletap: true, //默认为false longtap: false, //默认为false swipe: true, //默认为true drag: true, //默认为true hold:false, //默认为false,不监听 release:false //默认为false,不监听 } }); </script> <style> body{position: relative;} .mui-btn{width:80%; margin: 0 auto; margin-top: 10px; margin-left: 10%;} </style> </head> <body> <button type="button" id="tap" class='mui-btn mui-btn-positive '>tap事件</button> <button type="button" id="doubletap" class='mui-btn mui-btn-positive '>doubletap事件</button> <button type="button" id="longtap" class='mui-btn mui-btn-positive '>longtap事件</button> <button type="button" id="swipe" class='mui-btn mui-btn-positive '>swipe事件</button> </body> </html> <script> document.getElementById("tap").addEventListener("tap",function(){ alert("tap事件支持"); }) document.getElementById("doubletap").addEventListener("doubletap",function(){ alert("doubletap事件支持"); }) document.getElementById("longtap").addEventListener("longtap",function(){ alert("longtap事件支持"); }) document.getElementById("swipe").addEventListener("swiperight",function(){ alert("swipe事件支持"); }) </script>
我们来看看效果如何:
从上面的运行结果我们可以看到,在init中注册的手势有的支持有的则不支持。这是
有我们在init设置的。
好了。怎么样?第一天入门还不错吧。后面还有更多课程哦!
下载地址:http://download.csdn.net/detail/u013059555/8435811
相关文章推荐
- webapp mui & HTML5+ (四) 之 窗口(页面初始化、跳转、传参)
- MUI-页面初始化
- 初始化使html页面元素不可用
- 【转】Hbuilder MUI 页面刷新及页面传值问题
- jQuery知识点(2)-页面初始化函数
- mui.openWindow 打不开新页面
- mui框架如何实现页面间传值
- xhtml页面数据初始化处理
- jQuery页面加载初始化常用的三种方法
- 为DWZ中打开的子页面增加初始化行为
- MUI 请求的页面无法打开 viewgroup
- 重写mui.back()方法,返回终止页只停留在本页面
- 6、mui 页面传参
- android – 页面初始化时让组件得不到焦点
- 小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程
- MUI - 实现关闭除指定页面外的其他所有页面的功能
- 使用better-scroll时遇到已初始化但是页面无法滚动和点击的情况
- 页面初始化datagrid时重复加载两次
- MUI APP防止登陆页面出现白屏
- mui框架跳转新页面的参数问题