Skip to content

M
mui
Commit 9316e55c authored by hbcui1984's avatar hbcui1984
Browse files
Options

“敲击顶部、回到顶部”功能改为双击操作

parent 8d62aecb
Show whitespace changes
Inline Side-by-side
Showing with 54 additions and 45 deletions
examples/hello-mui/examples/template.html
View file @ 9316e55c
...@@ -75,6 +75,12 @@ ...@@ -75,6 +75,12 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<script type="text/javascript"> <script type="text/javascript">
//启用双击监听
mui.init({
gestureConfig:{
doubletap:true
}
});
var titleElem = document.getElementById("title") var titleElem = document.getElementById("title")
var menu = document.getElementById("menu") var menu = document.getElementById("menu")
...@@ -99,11 +105,11 @@ ...@@ -99,11 +105,11 @@
} }
contentWebview.evalJS('mui("#topPopover").popover("toggle")'); contentWebview.evalJS('mui("#topPopover").popover("toggle")');
}); });
document.querySelector('header').addEventListener('tap',function () { document.querySelector('header').addEventListener('doubletap',function () {
if(contentWebview==null){ if(contentWebview==null){
contentWebview = plus.webview.currentWebview().children()[0]; contentWebview = plus.webview.currentWebview().children()[0];
} }
contentWebview.evalJS('window.scroll(0, 0)'); contentWebview.evalJS('mui.scrollTo(0, 100)');
}); });
</script> </script>
......
examples/hello-mui/examples/template_pullrefresh.html
View file @ 9316e55c
...@@ -68,6 +68,12 @@ ...@@ -68,6 +68,12 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<script type="text/javascript"> <script type="text/javascript">
//启用双击监听
mui.init({
gestureConfig:{
doubletap:true
}
});
var titleElem = document.getElementById("title"); var titleElem = document.getElementById("title");
window.addEventListener("updateHeader", function(e) { window.addEventListener("updateHeader", function(e) {
var title = '下拉刷新和上拉加载更多'; var title = '下拉刷新和上拉加载更多';
...@@ -79,7 +85,7 @@ ...@@ -79,7 +85,7 @@
if(contentWebview==null){ if(contentWebview==null){
contentWebview = plus.webview.currentWebview().children()[0]; contentWebview = plus.webview.currentWebview().children()[0];
} }
contentWebview.evalJS('window.scroll(0, 0)'); contentWebview.evalJS('mui.scrollTo(0, 100)');
}); });
</script> </script>
......
examples/hello-mui/index.html
View file @ 9316e55c
...@@ -9,8 +9,6 @@ ...@@ -9,8 +9,6 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css"> <link rel="stylesheet" href="css/mui.min.css">
<script src="js/mui.min.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<body> <body>
...@@ -19,6 +17,8 @@ ...@@ -19,6 +17,8 @@
<a id="info" class="mui-icon mui-icon-info-filled mui-pull-right" style="color: #999;"></a> <a id="info" class="mui-icon mui-icon-info-filled mui-pull-right" style="color: #999;"></a>
<h1 class="mui-title">Hello mui</h1> <h1 class="mui-title">Hello mui</h1>
</header> </header>
<script src="js/mui.min.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
<script> <script>
var menu = null, var menu = null,
main = null; main = null;
...@@ -26,6 +26,9 @@ ...@@ -26,6 +26,9 @@
mui.init({ mui.init({
swipeBack: false, swipeBack: false,
statusBarBackground: '#f7f7f7', statusBarBackground: '#f7f7f7',
gestureConfig:{
doubletap:true
},
subpages: [{ subpages: [{
id: 'list', id: 'list',
url: 'list.html', url: 'list.html',
...@@ -38,6 +41,7 @@ ...@@ -38,6 +41,7 @@
}); });
mui.plusReady(function() { mui.plusReady(function() {
if (mui.os.android) { if (mui.os.android) {
plus.screen.lockOrientation("portrait-primary"); plus.screen.lockOrientation("portrait-primary");
} }
...@@ -61,7 +65,6 @@ ...@@ -61,7 +65,6 @@
}); });
/** /**
* 显示侧滑菜单 * 显示侧滑菜单
*/ */
...@@ -79,13 +82,11 @@ ...@@ -79,13 +82,11 @@
}); });
showMenu = true; showMenu = true;
}); });
} }
} }
/** /**
* 关闭菜单 * 关闭菜单
*/ */
function closeMenu() { function closeMenu() {
if (showMenu) { if (showMenu) {
//关闭遮罩； //关闭遮罩；
...@@ -114,8 +115,8 @@ ...@@ -114,8 +115,8 @@
} }
}); });
//敲击顶部导航，内容区回到顶部 //敲击顶部导航，内容区回到顶部
document.querySelector('header').addEventListener('tap',function () { document.querySelector('header').addEventListener('doubletap',function () {
main.children()[0].evalJS('window.scroll(0, 0)'); main.children()[0].evalJS('mui.scrollTo(0, 100)');
}); });
//主界面向右滑动，若菜单未显示，则显示菜单；否则不做任何操作 //主界面向右滑动，若菜单未显示，则显示菜单；否则不做任何操作
window.addEventListener("swiperight", openMenu); window.addEventListener("swiperight", openMenu);
...@@ -141,9 +142,6 @@ ...@@ -141,9 +142,6 @@
if (subWebview == null) { if (subWebview == null) {
//获取共用父窗体 //获取共用父窗体
template = plus.webview.getWebviewById("default-main"); template = plus.webview.getWebviewById("default-main");
//通知列表界面，已经开始点击；
var list = plus.webview.currentWebview().children()[0];
mui.fire(list,'firstClick',{});
} }
if(template){ if(template){
subWebview = template.children()[0]; subWebview = template.children()[0];
...@@ -177,7 +175,6 @@ ...@@ -177,7 +175,6 @@
} }
} }
} }
}; };
</script> </script>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment