HBuilder app开发:mask遮罩实现父子页面联动。
2015-08-12 14:15
309 查看
mui提供的mask遮罩点击遮罩部分时,会自动调用mask.close();
父子页面mask遮罩联动,第一反应写到mui.createMask()的回调函数中:
(父页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().children()[0].evalJS('mask.close');
});
}
(子页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().opener().evalJS('mask.close');
});
}
结果: Uncaught RangeError: Maximum call stack size exceeded. 丫的,死循环!
长记性后:
重写mask.close()方法:
(父页面)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in father != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用子页面关闭方法。
//调用子页面重写close()时,加上参数不让子页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
(子页面 与父页面基本一致)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in child != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用父页面关闭方法。
//调用父页面重写close()时,加上参数不让父页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
父子页面mask遮罩联动,第一反应写到mui.createMask()的回调函数中:
(父页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().children()[0].evalJS('mask.close');
});
}
(子页面)
var mask
mui.plusReady(){
mask=mui.createMask(function (){
plus.webview.currentWebview().opener().evalJS('mask.close');
});
}
结果: Uncaught RangeError: Maximum call stack size exceeded. 丫的,死循环!
长记性后:
重写mask.close()方法:
(父页面)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in father != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用子页面关闭方法。
//调用子页面重写close()时,加上参数不让子页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
(子页面 与父页面基本一致)
var mask
var oldclose;
mui.plusReady(){
mask = mui.createMask();
//原mask.close方法
oldclose = mask.close;
//重写mask.close方法
mask.close = function (){
if (v != 'nopass') {//写成v == null也行
console.log('-- in child != nopass --');
//因为点击遮罩时只会执行"mask.close()",所以v==null,进入这里if模块,调用父页面关闭方法。
//调用父页面重写close()时,加上参数不让父页面的close()继续传递。
plus.webview.currentWebview().children()[0].evalJS('mask.close("nopass")');
}
//关闭本页面遮罩
oldclose();
}
}
相关文章推荐
- 三、晓凡调试-Android开发版之应用调试
- iOS textfield浅析
- iOS开发 - 苹果开发者账号那些事儿(二)
- Android View事件分发与传递
- iOS block的用法
- iOS 开发中区分当前iPhone或iPad设备
- 续【C#微信结合百度api获取当前用户的地理位置】代码详解
- iOS-设置导航栏透明及字体、左右按钮、边框颜色
- Android ViewGroup.setDescendantFocusability函数
- Android四大组件之acticity整理
- iOS开发 - 苹果开发者账号那些事儿(一)
- IOS--CALayer实现,界限、透明度、位置、旋转、缩放组合动画(转)
- Android ViewTreeObserver简介
- ArcObject IFeature set_Shape()和Delete()报错
- Android 之 下拉框(Spinner)的使用
- IOS学习笔记05_2-Swift-命名空间
- 移动版&PC版微信登陆功能
- Android环境
- Android调用Camera API 拍照
- Android实战技巧之三十三:android.hardware.camera2使用指南