<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">标题</h1>
<a id="info" class="mui-icon mui-icon-bars mui-pull-right" style="color: #999;"></a>
</header>
</body>
<script src="../js/mui.min.js"></script>
<script>
mui.init({
swipeBack:true,
statusBarBackground: '#f7f7f7',
subpages: [{
url: 'item_content.html',
id: 'item_content',
styles: {
top: '45px',
bottom: 0,
bounce: 'none'
}
}]
});
</script>
hanicc
- 发布：2015-03-05 20:18
- 更新：2015-10-10 12:24
- 阅读：11546
最佳回复
找到一个好的方案，原来就的版本在manifest.json有配置popGesture的，现在默认没有配置。
现在可以在需要打开的页面单独配置
mui.openWindow({
url: '',
id: '',
styles: {
popGesture: 'close' // 'hide', 'close','none'
}
});这样就可以返回了。
还有一个建议，现在mui都1.5了，文档还是0.9的。能不能更新下
在item_content.html里边设置swipeBack
-
hanicc (作者)
好的 谢谢 添加后可以了 但是ios8.1.3上不是很灵敏，有时候要滑很多次才能返回，请问怎么解决（ios不是贴左侧滑动就返回了？但在hb上无效）？还有双击顶部的系统bar返回到最上面，这个有吗？
2015-03-07 22:46
我页遇到这情况，没效果
index.html
<!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="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-bars mui-pull-left"></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>
</header>
<div style="height: 100px;"></div>
<a href="b.html">b页面</a>
<script>
mui('body').on('click', 'a', function(){
mui.openWindow({
url: 'b.html',
id: 'b.html'
})
});
</script>
</body>
</html>b.html
<!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="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init({
swipeBack:true
});
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">Hello mui</h1>
</header>
page b
</body>
</html>
小云菜 - 相关代码及分享在http://www.cnblogs.com/phillyx
我在页面中引用app.js
//全局配置(通常所有页面引用该配置，特殊页面使用mui.init({})来覆盖全局配置)
$.initGlobal({
swipeBack: true
});在安卓机上测试时可以的。不过不灵敏，需要滑动几次才能成功，在iphone5s上测试是可以的
另外我在页面中单独添加该属性，使用以下三款机型测试：
三星N7000 无效果
oppofind5 有效果
iphone 5s 没效果
mui.init({
swipeBack:true //启用右滑关闭功能
});能不能优化一下
你的三星N7000 android 系统版本是多少？
-
-
4.4的话。需要加上下列代码。
window.addEventListener('dragright', function(e) {
if(!mui.isScrolling){
e.detail.gesture.preventDefault();
}
});2015-04-27 18:33
-
我想问一下关于hellomui打开新页面滑动返回的时候，在ios上有明显的滑动效果，即主窗体侧滑，除了在B页面添加swipe:true, 还需要在A页面添加什么代码？我这边在ios上测试没有主窗体策划的效果啊
2015-04-27 18:34
-
查看底下Joshua的回复。在manifest.json里边配置popGesture或者设置指定webview的style里的popGesture。目前仅在ios上有用
2015-04-27 18:38
-
水御双氛
多谢多谢
2015-10-12 11:13
付楚
顶一下
2018-11-06 17:31